body{FONT-FAMILY: "微软雅黑", "宋体","黑体",Verdana, Arial, Helvetica, sans-serif;line-height:20px; background:#f4f4f4;width:100%; font-size:16px;margin:0 auto; padding:0 0;position:relative;}
.mian{width:100%; margin:0 auto; padding:0 0;position:relative; z-index:10;}
.mian-head{width:100%; margin:0 auto; padding:0 0;position:fixed; z-index:10;}
.mian-head2{width:100%; margin:0 auto; padding:0 0; z-index:5}
.klogin{width:100%; height:32px; background:#A81B00; line-height:32px;}
.klogin a{margin-right:13.5%;color:#fff; font-weight:700; }


.schHead{display:flex;justify-content:space-between;height:100%;width:100%;position:relative; box-sizing:border-box;padding-left:13%; align-items:center;}
.schHeadimg{display:flex; align-items:center; gap:20px; z-index:2; height:56%;box-sizing:border-box;}
.schHead_bg{position:absolute; left:0;right:0; top:0; bottom:0;background: linear-gradient(90.00deg, rgba(255, 255, 255, 1),rgba(255, 255, 255, 1) 61%,rgba(255, 255, 255, 1) 77%,rgba(255, 255, 255, 1) 86%,rgba(255, 255, 255, 0) 100%);}
.schHeadimg  a{height:100%}
.schHeadimg img{height:100%;}
.schHeadimg .divider{width:2px; height:28px; background:#A81B00; }
.schHeadimg .text p a{font-size:28px; color:#A81B00;white-space:nowrap;}
.schHeadend{display:flex;justify-content:center; align-items:center; height:100%}
.schHeadend img{height:100%;  }

.secondarycolumn{height:380px; width:100%;}
.secondarycolumn img{height:380px; width:100%;}
.klogo{height:100px !important;}
.kguider{width:100%; display:flex;  justify-content:center;}
.fchild-guider {display:flex; gap:6%; width:100%; color:#333; background:#fff;justify-content:center; box-sizing:border-box; flex-shrink:0;}
.fchild-a{color:#333;}
.fchild-guider li{  font-size:16px;   text-align:center; position:relative;white-space:nowrap;height:42px; display:flex; align-items:center;padding:0 25px;}
.fchild-guider li:hover{  background:#A81B00; .fchild-a{color:#fff;}}
.fchild-guider .light{  background:#A81B00;  font-size:16px;   text-align:center; position:relative;white-space:nowrap;height:42px; display:flex; align-items:center;padding:0 25px; .fchild-a{color:#fff;}}
.schild-guider{position:absolute; z-index:99; background:#fff; padding:10px 0px;display:none; top:100%;left:0;}
.schild-a{color:#333;}
.schild-guider li{text-align:left; font-size:16px; color:#333; height:36px}
.schild-guider li:hover{background:rgba(168, 27, 0, 0.06); a{color:#A81B00;}}


.ceiling{height:100px;}
.ceiling .ceiling_guider{display:flex;justify-content:space-between;height:100%;width:100%;position:relative; box-sizing:border-box;padding-left:13%; align-items:center;}
.ceiling .schHeadimg{display:flex; align-items:center; gap:20px; z-index:2; height:60%;box-sizing:border-box; flex:1}
.ceilingfchild-guider {display:flex; gap:2%; background:#fff;color:#333; align-items:center; box-sizing:border-box; flex:1 }
.ceiling .fchild-a{color:#333;}
.ceilingfchild-guiderli{  font-size:16px;  position:relative;white-space:nowrap;display:flex; padding:6px 25px;}
.ceilingfchild-guiderli:hover{  background:#A81B00; .fchild-a{color:#fff;}}
.ceilingfchild-guider .light{  background:#A81B00;  position:relative;white-space:nowrap; display:flex;padding:6px 25px; .fchild-a{color:#fff;}}
.ceilingschild-guider{position:absolute; z-index:99; background:#fff; padding:10px 0px;display:none; top:100%;left:0;box-shadow:2px 1px 4px rgba(0,0,0,0.1)}
.ceilingschild-a{color:#333;}
.ceilingschild-guiderli{text-align:left; font-size:16px; color:#333;padding:8px 12px}
.ceilingschild-guiderli:hover{background:rgba(168, 27, 0, 0.06); a{color:#A81B00;}}
.newceiling{height:80px;}

.kbanner{width:100%; height:756px; margin-top:0px;.mianc{height:756px;}}
.skbanner{width:100%; height:380px; margin-top:0px;}
.minibanner{width:100%; height:380px; margin-top:0px;  .mianc{height:380px;}}
.ck-slide{width:100%; height:100%;}
.ck-slide-wrapper li{height:756px;}
.ck-slide-wrapper li img{width:100%; height:756px;}
.slidebox{bottom:36px; }
.slidebox ul{display:flex; gap:16px; background:none;}

.ck-slidebox ul li.current em{background-color:rgba(170, 170, 170, 0.9);}

.tzggtoplfli{display:flex; }
.tzggtoplfli li{width:18px; height:3px; background:#A81B00}
.tzggtoplfli  p{color:#CECDCD; font-size:14px;line-height:10px; margin-left:10px; }

.tanr780li{padding:20px 0; font-size:16px; color:#333333;height:79px;border-bottom:1px solid #EEEEEE; display:flex; }
.tanr780lilf img{width:140px; height:79px; border-radius:4px;}
.tanr780lilrr-r{display:flex; flex-direction:column; gap:30px}
.tanr780lilrr-r h3{font-size:20px;}
.tanr780lilrr-r p{color:#7B7B7B;}
.tzggtoprr img{width:28px; height:6px;}
.tzggtoprr a{color:#265AE5; }
.tzggtop{display:flex; justify-content:space-between; align-items: center;}
.talislk-l{display:flex; flex-direction:column; gap:24px;}
.talislk-l p{font-family:Georgia;color:#A81B00;}
.talislk-r {display:flex; width:100%;}
.talislk-r li p{width:40%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.talislk-r a{font-size:18px; color:#333;}
.talislk-newstitle{flex:1; color:#333; font-size:20px;}
.talislk-newsDate{width:40px; height:22px; color:#fff !important; justify-content:center;  display:flex; align-items:center; font-size:14px!important; background:#A81B00; border-radius;2px;}
.talislk-news{display:flex; flex-direction:column; gap:24px; padding:24px 0 26px 0; border-bottom:1px solid #EEEEEE;}




.kdatashow{display:flex; flex-direction:column; align-items:center; padding:121px 0; gap:100px; background:#F9FBFF;}
.kdatashowhead{display:flex; gap:40px; align-items:center;  }
.datalf{ width: 200px;
  height: 4px;
  display: inline-block;
  background: linear-gradient(
    -90deg,
    rgba(168, 27, 0, 1),
    rgba(168, 27, 0, 0.6) 61%,
    rgba(168, 27, 0, 0.4) 77%,
    rgba(168, 27, 0, 0.2) 86%,
    rgba(168, 27, 0, 0) 100%
  );
  transform: skewX(-72deg);}
.datarr{ width: 200px;
  height: 4px;
  display: inline-block;
  background: linear-gradient(
    90deg,
    rgba(168, 27, 0, 1),
    rgba(168, 27, 0, 0.6) 61%,
    rgba(168, 27, 0, 0.4) 77%,
    rgba(168, 27, 0, 0.2) 86%,
    rgba(168, 27, 0, 0) 100%
  );
  transform: skewX(-72deg); }
.kdatashowimg{display:flex; row-gap:60px; column-gap:20%; position:relative; margin-left:13%;margin-right:13%; flex-wrap:wrap; justify-content:center; }
.kdatashowimg li{position:relative; width:18%; display:flex; flex-direction:column; align-items:center ; }
.kdatashowimg img{width:100%; height:100%}
.kdatashowimg p{ position:absolute; font-size:46px; font-weight:600; color:#007AE0; left:-18px; top:10px; line-height:61px;}
.kdatashowimg text{font-size:24px; color:#333; line-height:32px; margin-top:30px;}
.scrollview{width:300px; height:16px; background:rgba(0, 122, 224, 0.1); position:relative; z-index:1; border-radius:6px; }
.scrollactive{width:150px; height:16px; position:absolute; z-index:2; background:rgba(0, 122, 224, 1);  border-radius:6px;}



.cpc-introducte{padding:100px 0;display:flex; flex-direction:column; align-items:center; background:#fff;}
.introducte-box{display:flex; gap:78px; position:relative;}
.introducte-content{margin-top:100px;  width:62.5%;  background:rgba(249, 251, 255, 1);  font-size:18px; padding-left:13%; padding-top:120px; padding-bottom:192px; padding-right:12%;}
.introducte-content p{text-indent:50px; font-size:18px; line-height:32px; color:#333;}
.introducte-img{ margin-top:190px; margin-left:-162px;}
.introducte-img img{width:64%;  }
.v_news_content{line-height:32px; color:#333333;}
.more{ margin-top:42px;   img{ width:18px; height:18px; margin-left:10px; }}
.more a{color:#A81B00; display:flex; align-items:center;}

.footermain{display:flex;align-items:center;gap:200px;   background:url(../images/suanli/yejiao.png) right no-repeat;background-size:cover;height:320px;padding-left:10% }
.footermainlf{display:flex; justify-content:center;align-items:center; gap:40px;height:33% ;flex:1}
.footermainlf a{height:88%}
.footermainlf img{ height:100%; }
.footermainlf li{width:2px; height:60px; background:#fff;}
.text p{font-size:36px; line-height:48px; color:#fff; white-space:nowrap}
.footermainrr ul{ font-size:16px; line-height:21px; display:flex; flex-direction:column; gap:20px; color:#fff;}
.footermainrr {flex:1}


.center-main{height:auto; margin:0 auto; background:#fff;padding-left:21%; padding-right:18.75%; padding-bottom:100px;}
.center-main-fr{display:flex; gap:42px;}
.center-main-video{display:flex;flex-direction:column; gap:20px;}
.table-list{display:flex; flex-direction:column; }
.th1{width 40%;text-align:center}
.th2{text-align:center}
.table-list p{margin-top:10px}
.table-list table{height:160px; margin:10px;}
.guidermain-left{ height:auto; background:#fff; position:relative;}
.guidermain-right{width:100%; }
.guiderleft{display:flex; flex-direction:column; align-items:center; gap:30px; min-width:64px; a{color:#333; font-size:16px;line-height:21px;}}
.guiderleft a:hover{color:#A81B00; border-bottom: 2px solid #A81B00; }
.columnfocus{color:#A81B00 !important; border-bottom: 2px solid #A81B00;}

.textnamehead{display:flex; flex-direction:column; width:100%}
.video_Content{display:flex;  width:100%;gap:42px;}
.textname{ display:flex; flex-direction:column; align-items:center; font-size:34px; line-height:45px; color:#333;justify-content:center;width:100% }
.textname p{width:100%; word-break:break-all; text-align:center;}
.textname li{background:#A81B00; width:60px; height:3px; margin-top:5px;}
.article{padding-top:31px;}
.attachment_down{padding-top:31px; display:flex; align-items:center; gap:50px; list-style-type:none;}
.articlecontainer{width:100%; height:auto;  background:#fff;}
.articleimg{display:flex;}
.article img{width:100%; }
.articlebody{margin-top:10px; font-size:16px; line-height:30px; color:#333;}
.articlebody2{ font-size:16px; line-height:30px; color:#333;}
.articlebody p{text-indent:50;}
 .attachment_down .preview{padding:4px 6px; color:#fff; border-radius:4px; background:#A81B00}
.single-video-title{padding-left:20%;box-sizing:border-box;}

.personnel-list{display:flex; gap:40px; }
.department-list{}
.department-title{font-size:18px; line-height:30px; color:#222;}
.department-list-ul  li{display:flex; align-items:center;  gap:60px; margin-top:16px; font-size:16px; color:#565656;}

.newsList{padding-top:41px}
.newsList-single{display:flex;  align-items:center; font-size:14px; line-height:18px; height:54px; border-bottom:1px solid  #DFE7F1; width:100%}
.newsList-single li{list-style:none;  a{color:#333;}}
.newstitle{color:#333; width:80%; flex:1;}
.newstitle  p{width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:20px; line-height:normal}
.newsDate{color:#7B7B7B; white-space:nowrap;}
.news-container{padding-top:30px; font-size:16px; line-height:30px; color:#333;}
.newsList-container{min-height:600px;}
.pb_sys_normal{margin-top:30px;}

.news-nonecontainer{display:flex; justify-content:center; align-items:center; padding:150px 0 200px 0;} 
.nonething img{width:133px; height:128px;}
.nonething p{margin-top:10px; color:#7B7B7B; line-height:21px; text-align:center;}



.news-information{display: flex; flex-direction: column; max-height:1260px;padding-top:40px;}
.newsInfor-single{display: flex;align-items: center;gap: 20px; height: 126px; border-bottom: 1px solid #DFE7F1;}
.newsInfor-img {display: flex;align-items: center;justify-content:center; width:160px; height:90px;flex-shrink: 0;}
.newsInfor-img img{  width: 100%;  border-radius: 4px; }
.newsInfor-img1 {display: flex;align-items: center;justify-content:center; width:160px; height:90px;flex-shrink: 0;}
.newsInfor-img1 img{  width: 100%;  border-radius: 4px; }

.newsInfor-text{  display: flex; flex-direction: column;  gap:30px; width: 100%;}
.newsInfortitle{ line-height: 21px; color:#333;width:90%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:20px;}
.newsInforDate{ color: #7B7B7B; line-height: 0px;}
.news-articleinfo{display:flex; gap:40px; color:#7B7B7B; font-size:16px; line-height:21px; margin-top:30px; justify-content:center;  }
.news-articleinfo img{width:18px; height:18px;}
.news-articleinfo p{display:flex; gap:6px; align-items:center; }
.replacephoto{display:none;}


.document-list{padding-top:41px; display:flex; flex-direction:column; gap:40px; color:#222; }
.document-list a{color:#2F88FD; margin-left:6px;}


.contectus{padding-top:38px;}
.problem-process{ font-size:18px; color:#222; line-height:24px;}
.problem-process  .contectus_item{padding:20px 0 0 40px;}
.contectushead{display:flex; gap:6px; align-items:center; }
.contectushead li{width:14px; height:14px; background: #237FFA; border-radius:2px; }
.problem-process ul {display:flex; flex-direction:column; gap:20px;}
.problem-process ul li{color:#626262; line-height:21px; }


.p_no_d{border:1px solid #A81B00 !important; border-radius:4px; background-color:#A81B00  !important;}
.p_no{border-radius:4px;}

.nodatashow{display:flex; flex-direction:column;justify-content:center;align-items:center; gap:10px; width:100%;padding-top:10%; padding-bottom:15%;}
.nodatashow p{color:#7B7B7B; line-height:21px;}
.nodatashow img{width:133px; height:128px;}
.nodatashow2{display:flex; flex-direction:column;justify-content:center;align-items:center; gap:10px; width:100%;padding-top:20%; padding-bottom:15%;}
.nodatashow2 p{color:#7B7B7B; line-height:21px;}
.nodatashow2 img{width:133px; height:128px;}
.index_nodatashow{display:flex; flex-direction:column;justify-content:center;align-items:center; gap:10px; width:100%;padding-top:20%; padding-bottom:15%;}
.index_nodatashow p{color:#7B7B7B; line-height:21px;}
.index_nodatashow img{width:133px; height:128px;}


.videoList {width: 100%;  display: flex;   align-items: center;  gap: 23px; flex-wrap:wrap;}
 .onlineCourse_list {
            display: flex;
            gap: 23px;
            flex-wrap: wrap;
        }

        .onlineCourseItem {
            display: flex;
            width: 270px;
            height: 240px;
            border-radius: 8px;
            background-color: #FFFFFF;
            box-shadow: 0px 1px 7px 2px rgba(233, 238, 242, 0.82);
            overflow: hidden;
            gap: 20px;
            flex-direction: column;
            cursor: pointer;
        }

        .onlineCourseItem_img {
            display: flex;
            justify-content: center;
            height: 152px;
            overflow: hidden;
        }

        .onlineCourseItem_img img {
            width: 100%;
        }

        .onlineCourseItem_txt {
            color: #333333;
            font-size: 16px;
            padding: 0 16px;
            line-height: 22px;
            text-overflow: -o-ellipsis-lastline;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-box;
            -webkit-line-clamp: 2;
            -moz-line-clamp: 2;
            -ms-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical;
        }

   /* 在线学习目录*/
.ch_isFocus{background-color: #fff; color:#A81B00;}
.videoCatalogue{display:flex; flex-direction:column; align-items:center; height:520px; background:rgba(250, 250, 250, 1); padding:20px 0px ; margin-top:84px; width:200px; box-sizing:border-box;font-size:14px; }
 .tree-view {
            font-family: 'Microsoft YaHei', sans-serif;
            line-height: 1.6;
        }
        .tree-node {
            position: relative;
            display:flex;
           flex-direction:column;
           width:100%;
padding:10px 0 ;
color:#333333;
        }
        .node-content {
            cursor: pointer;
            border-radius: 4px;
            display: flex;
            align-items: center;
            transition: background-color 0.2s;
           padding:0 25px 0 22px;
color:#333333;
        }
        .node-title:hover{
               color:#A81B00;
            }   
        .node-icon {
            display: inline-block;
            margin-right: 8px;
            transition: transform 0.3s ease;
            width: 16px;
            text-align: center;
        }
        .icon-expanded {
            transform: rotate(90deg);
        }
        .node-title {
            flex-grow: 1;
        }
        .badge {
            background-color: #e9ecef;
            color: #495057;
            padding: 2px 6px;
            border-radius: 10px;
            font-size: 12px;
            margin-left: 8px;
        }
        .children {
          
            overflow: hidden;
            transition: height 0.3s ease;
        }
  .children :hover{
            background-color: #fff;
        color:#A81B00;
        }
        .children.collapsed {
            height: 0;
            display:none;
        }
        
        /* 多级嵌套样式 */
        .tree-node .tree-node {
padding-left:40px
        }
        
        /* 连接线样式 */
        .videoCatalogue:before {
            content: "";
            position: absolute;
            top: 84px;
            bottom: 0;
            left: -5px;
            border-left: 4px solid rgba(168, 27, 0, 1);
        }
        
        .tree-node:first-child:before {
            top: 50%;
        }
        
        .tree-node:last-child:before {
            bottom: 50%;
        }

   /* 在线学习目录222222222222222222*/
    #tree-container {
            width: 200px;height:520px;
            overflow-y: auto;

background:#FAFAFA;
box-sizing:border-box;
        }
 #tree-container:before {
            content: "";
            position: absolute;
            top: 0px;
            bottom: 0;
            left: -5px;
            border-left: 4px solid rgba(168, 27, 0, 1);
        }
.catalogue{font-size:18px;padding:20px 0; width:100%; text-align:center;}
        .chapter {
            cursor: pointer;
        
            border-radius: 4px;
        }
#chapter-tree{display:flex;flex-direction:column;gap:20px}
.chapter .title{padding:10px 25px 10px 22px; font-size:14px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.child .title2{padding:10px 25px 10px 32px; font-size:14px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.child2 .title2{padding: 10px 10px 10px 42px; font-size:14px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

        .chapter.active {
            background-color: #0d6efd;
            color: white;
        }
        .sub-chapter {    
            display: none;
        }

.chil li:hover{color:#A81B00; background:#fff;}
.sub-chapter li.liactive{color:#A81B00; background:#fff;}
.sub-chapter li.liactive2{color:#A81B00; background:#fff;}

  /* 插件视频3333333333333333333333333333333333333333*/
#video-container {
    margin: 0 auto;
    position: relative;
width:100%;
height:520px;
}
video{width:100%;height:520px;}
 .controls {
            background: linear-gradient(transparent, rgba(0,0,0,0.7));
            padding: 15px;
            position: absolute;
            bottom: 0;
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            transition: opacity 0.3s;height:88px;box-sizing:border-box;
        }
        .control-group {
            display: flex;
            align-items: center;
            margin-right: 15px; justify-content:center;
        }
        button {
            background: rgba(255,255,255,-0.8);
            border: none;
            cursor: pointer;
            transition: all 0.2s;
        }
        button:hover {
            background: rgba(255,255,255,0.3);
        }
        button:disabled {
            opacity: 0.5;
            cursor: not-allowed;
        }
        .progress-container {
            width: 100%;
            height: 5px;
            background: rgba(255,255,255,0.8);
            margin: 10px 0;
            cursor: pointer;
        }
        .progress-bar {
            height: 100%;
            background: #A81B00;
            width: 0%;
        }
        select, input[type="range"]{
            background: rgba(0,0,0,0.5);
            color: white;
            border: 1px solid rgba(255,255,255,0.2);
            border-radius: 4px;padding:5px;
        }
     select{  
          width:42px;padding:5px;text-align:center;
        }
select {
  -webkit-appearance: none; /* Chrome, Safari, Edge, Opera */
  -moz-appearance: none;    /* Firefox */
  appearance: none;         /* 标准的CSS属性 */
}
.operationbutton{width:100%;display:flex;justify-content:space-between;align-items:center;}
.control-group .time{color:#fff;font-size:14px}
#prevBtn img{width:16px;height:20px}
#playPauseBtn img{width:22px;height:22px}
#nextBtn img{width:16px;height:20px}
#fullscreenBtn img{width:22px;height:22px}
.control-group p{color:#fff}
.control-group:nth-child(2){flex:1;gap:20px}
/* 禁止视频下载 */
video::-internal-media-controls-download-button {display:none;}
video::-webkit-media-controls-enclosure {overflow:hidden;}
video::-webkit-media-controls-panel { width: calc(100% + 30px); }	













@media screen and (max-width:1280px) {
 .schHeadimg .text p{font-size:22px;}
.tzgg{flex-direction:column;}
.footermainlf .text p{font-size:28px}
.klogin{height:18px; line-height:18px; a{ font-size:10px}}
.ceiling{height:52px}
.schHeadimg .text p a{font-size:16px}

.fchild-guider .light{font-size:10px; padding:0px 20px ;height:24px}
.fchild-guider li{font-size:10px; padding:0px 20px;height:24px}
.ceilingschild-guider li{height:22px}
}

@media screen and (min-width:1280px) {
.schHeadimg .text p a{font-size:20px;}
.footermainlf .text p{font-size:36px}
.ceilingfchild-guider .light{padding:4px 16px}
.ceilingfchild-guiderli{font-size:14px; padding:4px 16px}
.ceiling .schHeadimg{height:50%}
.schHeadimg .divider{height:22px}
}


/* 滚动条整体部分 */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
 
/* 滚动条轨道 */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
 
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    background: #c5c2c2;
    border-radius: 10px;
}
 
/* 滚动条滑块在鼠标悬停时的样式 */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}