@charset "utf-8";
/* CSS Document */

/*header*/
.header-h5 { 
  /*height: 16em;*/
  background-image: url(../images/beijing.png);
  background-repeat: no-repeat; /* 阻止背景图片重复排列 */
  background-size: cover; /* 使背景图片填充整个容器 */
  width: 100%; /* 设置容器宽度为100% */
  height: auto; /* 设置容器高度为100% */
}

.header-h5 .top{ width:100%; background-color:#930a41; font-size:14px; line-height:40px; height:6rem; color:#fff; text-align:center;}
.header-h5 .head{ padding:15px 3%; display:flex; align-items:center; justify-content:center;}
.header-h5 .head a{ display:block; margin-right:10px;}
.header-h5 .head a img{ display:block; height:6rem;}
.header-h5 .head p{ display:block;}
.header-h5 .head p a img{ height: 1.4rem;
    display: block;}
.header-h5 .head p a img:first-child{ height: 3rem;
    margin-bottom: 4px;}

/*banner*/
/*.banner-h5{ width:100%; position:relative; z-index:1; margin-top:0px;}*/
.banner-h5 .bd-h5{ width:100%; height:100%; position:absolute; left:0; top:0;}
.banner-h5 .bd-h5 ul,.banner-h5 .bd-h5 li{ width:100%; height:100% !important;}
.banner-h5 img{ width:100%; display:block;object-fit: cover; }

/*nav*/
.nbox-h5{ background-image: url("../images/beijing.png");margin-top:-38px; background-repeat: no-repeat; background-size: cover; width: 100%; height: auto;}
.nbox-h5 .box{ width:100%; margin:auto;}
.nbox-h5 .box li{ width:18%; display:block; float:left; overflow:hidden; position:relative; height:7.9rem;}
.nbox-h5 .box li a{ width:100%; display:block; height:7.9rem; overflow:hidden; /*position:absolute;*/ left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.nbox-h5 .box li a .top{ box-sizing:border-box;padding:15px 3vw; padding-top:30px; height:7.9rem;}
/*.nbox-h5 .box li a .bot{box-sizing:border-box; background-color:#435d9f; padding:15px 3vw; height:8.4rem; padding-top:30px;}*/
/*.nbox-h5 .box li a .n01{ width:100%; height:4px; background-color:#c8a270;}*/
/*.nbox-h5 .box li a .n02{ width:6.25rem; height:6.25rem; border-radius:5px; background-color:#fff; display:flex; align-items:center; margin:15px auto; margin-bottom:10px;}*/
/*.nbox-h5 .box li a .n02 img{ display:block; margin:auto; max-width:68px; max-height:68px;}*/
.nbox-h5 .box li a .n03{ width:100%; text-align:center;}
.nbox-h5 .box li a .n03 b{ font-size:24px; display:block; overflow:hidden; color:#fff;}
.nbox-h5 .box li a .n03 span{ font-size:16px;  display:block; overflow:hidden;  color:#fff;}
/*.nbox-h5 .box li a .n03 p{ overflow:hidden; display:block; margin-top:5px; font-size:18px; color:#fff; vertical-align:middle;}*/
/*.nbox-h5 .box li a .n03 p img{ vertical-align:middle; margin-left:5px;}*/
/*.nbox-h5 .box li a .bot .n03 b{ color:#c8a270;}*/
/*.nbox-h5 .box li:hover a,.nbox-h5 .box li.on a{ top:-8.42rem;}*/

.mobilebg a{ background-color:#c8a270;}

/*课程目标*/
.kbox-h5{ width:100%;pointer-events:none; background-image:url(../images2/sk_05.jpg); background-position:bottom center; background-repeat:no-repeat; background-size:100% auto; padding-top: 5rem; padding-bottom: 10rem;}
.kbox-h5 .title{ width:100%; margin:auto; text-align:center; font-weight:bold; color:#c8a270; font-size:2.4rem;}
.kbox-h5 .box{ width:94%; padding-bottom:5rem; padding-left: 1.5rem; padding-top: 3rem;}
.kbox-h5 .box .left{ width:100%; /*padding-bottom: 2.5rem;*/}
.kbox-h5 .box .left img{ max-width:100%; display:block; }
.kbox-h5 .box .right{ width:100%; font-size:1.4rem; }
.kbox-h5 .box .right p{ display:block; text-indent:0em; padding: 1rem 0;}
.kbox-h5 .list{ width:100%; padding-top: 3rem; margin-bottom:1rem; display:block;}
.kbox-h5 .list dt{ display:block; text-align:center; float:left; overflow:hidden; width:44.78vw;}
.kbox-h5 .list dt .k01{ width:100%; /*height:35vw;*/ background-size:100% 100%; background-position:top center; background-repeat:no-repeat;}
.kbox-h5 .list dt .k01 p{ width:75.47%; display:block; border-radius:100%; overflow:hidden; margin-left:12%; margin-top:-1px;}
.kbox-h5 .list dd{ display:block; text-align:center; float:right; overflow:hidden; width:43.84vw;}
.kbox-h5 .list dd .k01{ width:99%; /*height:35vw;*/ background-size:100% 100%; background-position:top center; background-repeat:no-repeat;}
.kbox-h5 .list dd .k01 p{ width:79.62%; display:block; border-radius:100%; overflow:hidden; margin-left:6.65%; margin-top:-1px;}
.kbox-h5 .list .k01 p img{ width:100%; display:block;}
.kbox-h5 .list .k02{ font-size:1.8rem; color:#c8a270; font-weight:bold; margin-top:10px;}
.kbox-h5 .list .k03{ font-size:20px; color:#000000; font-weight:bold;}

/*教学模式*/
.jbox-h5{ width:100%; padding:30px 0 5rem; background-color:#f5f3ff; border-bottom:5px solid #eeecff;}
.jbox-h5 .box{ width:94%; margin:auto;}
.jbox-h5 .box .title{ text-align:center; font-weight:bold; color:#c8a270; font-size:2.4rem;padding-bottom: 3rem;}
.jbox-h5 .box .left{ width:100%; margin-top:15px;}
.jbox-h5 .box .left img{ max-width:100%; display:block; margin:auto;}
.jbox-h5 .box .wen{ font-size:1.4rem; margin-top:10px;}
.jbox-h5 .box .wen p{ display:block; text-indent:0em;}

/*教学进度*/
.dbox-h5{ width:100%; padding:5rem 0;}
.dbox-h5 .title{ width:94%; margin:auto; text-align:center; font-weight:bold; color:#c8a270; font-size:2.4rem; line-height:34px;}
.dbox-h5 .box{ width:94%; margin:0 auto 1.5rem; padding-top: 3rem;}
.dbox-h5 .box .left{ width:100%;}
.dbox-h5 .box .left img{ max-width:100%; display:block; margin:auto;}
.dbox-h5 .box .right{ width:100%; margin-top:10px; font-size:1.4rem;}
.dbox-h5 .box .right p{ display:block; text-indent:0em;}
.dbox-h5 .table{ width:94%; margin:auto; margin-top: 10px;}
.dbox-h5 .table table{ width:100%; background-color:#e2c592;}
.dbox-h5 .table table th{ background-color:#c8a270; font-size:1.6rem; color:#fff;}
.dbox-h5 .table table td{ padding:5px; background-color:#fff; font-size:1.6rem; color:#333; position:relative; z-index:1;}
.dbox-h5 .table table tr.bg td{ background-color:#f4f3ff;}
.dbox-h5 .table .tab-left{text-align: left;}

/* 学生 */
.xs01-h5{ width:100%}
.xs01-h5 .title{ width:94%; margin:auto; text-align:center; font-weight:bold; color:#c8a270; font-size:2.4rem; background-image:url(../images/title.png); background-position:left center; background-repeat:repeat-x; margin-top:30px; text-align:center;}
.xs01-h5 .title p{ display:inline-block; padding:0 10px; background-color:#fff;}
.xs01-h5 .tl{ width:94%; text-align:center; font-size:1.4rem; font-weight: 900; margin:2.4rem auto 0px;}
.xs01-h5 .tl b{font-size:2.4rem; color: #930a41}
.xs01-h5 .wen{
    width:94%;
    margin:auto;
    font-size: 1.4rem; 
    padding-bottom: 3rem;
    margin-bottom: 2rem;
    pointer-events:none;
    background-image: url(../images/title.png);
    background-position: bottom center;
    background-repeat: repeat-x;
    background-size: auto 6px
}
.xs01-h5 .tu{ width:94%; margin:auto; padding: 3rem 0;}
.xs01-h5 .tu img{ max-width:100%; display:block; margin:auto;}
.xs01-h5 .wen span{font-weight: 900;}
.xs01-h5 .wen .ol{text-indent: 0rem;}

/*footer*/
.footer-h5{ width:100%; position:relative; padding:20px 0;}
.footer-h5 .bg{ width:100%; height:100%; background-position:center; background-size:cover; background-repeat:no-repeat; background-color:#eeecff; opacity:0.66; position:absolute; left:0; top:0; z-index:1;}
.footer-h5 .foot{ width:94%; margin:auto; position:relative; z-index:3;}
.footer-h5 .foot .left{ width:100%;}
.footer-h5 .foot .left .bt{ background-image:url(../images/f04.png); background-position:left bottom; background-repeat:repeat-x;}
.footer-h5 .foot .left .bt b{ text-align:center; line-height:28px; border-bottom:2px solid #930a41; display:block; font-size:18px; color:#cc9966; text-transform:uppercase; float:left;}
.footer-h5 .foot .left ul{ display:block; overflow:hidden; padding-top:15px;}
.footer-h5 .foot .left ul li{ width:30%; float:left; display:block; margin:0 1.5%; text-align:center;}
.footer-h5 .foot .left ul li strong{ display:block; height:26px;}
.footer-h5 .foot .left ul li strong img{ display:block; margin:auto; max-height:26px;}
.footer-h5 .foot .left ul li b{ font-size:14px; line-height:24px; display:block; margin-top:5px; text-transform:uppercase;}
.footer-h5 .foot .left ul li p{ font-size:14px; line-height:24px; display:block;}
.footer-h5 .foot .right{ width:100%; text-align:center;}
.footer-h5 .foot .right p{ display:inline-block; margin:0 3%; overflow:hidden; text-align:center; margin-top:10px;}
.footer-h5 .foot .right p b{ display:block; font-size:14px; line-height:22px; color:#cc9966;}
.footer-h5 .foot .right p strong{ width:120px; display:block; overflow:hidden; margin:auto;}
.footer-h5 .foot .right p strong img{ width:100%; display:block;}
.footer-h5 .foot .right p span{ display:block; font-size:14px; line-height:24px; color:#333; margin-top:5px;}

/*讲者*/
.jz-h5{ width:100%; padding-bottom:3rem;}
.jz-h5 .title{ width:94%; margin:auto; background-image:url(../images/title.png); background-position:left center; background-repeat:repeat-x; margin-top:30px; text-align:center;}
.jz-h5 .title p{ display:inline-block; padding:0 10px; background-color:#fff;}
.jz-h5 .title p b{ font-size:2.4rem; display:block; color:#c8a270;}
.jz-h5 .title p strong{ font-size:1.6rem; display:block; color:#000000;}
.jz-h5 .list{ width:94%; margin:auto; display:block; margin-top:-15px;}
.jz-h5 .list li{ display:block; overflow:hidden; padding-top: 5rem;}
.jz-h5 .list li .left{ width:100%;}
.jz-h5 .list li .left img{ max-width:249px; margin:auto; display:block;}
.jz-h5 .list li .right{ width:100%;}
.jz-h5 .list li .right .bt{ font-size:1.6rem; text-align:center; margin-top:10px; color:#c8a270; font-weight:bold;}
.jz-h5 .list li .right .wen{ width:100%; padding-top: 5rem; font-size:1.4rem; }
.jz-h5 .list li .right .wen p{ display:block;}
.jz-h5 .dd{ text-align:center; margin-top:15px;}
.jz-h5 .dd b{ font-size:2.4rem; display:block; color:#ccc; }
.jz-h5 .dd img{ display:block; margin:auto; margin-top:10px;}

/*考核*/
.kh01-h5{ width:100%; padding-top: 2rem;}
.kh01-h5 .title{ width:94%; margin:auto; background-image:url(../images/title.png); background-position:left center; background-repeat:repeat-x; margin-top:30px; text-align:center;}
.kh01-h5 .title p{ display:inline-block; padding:0 10px; background-color:#fff;}
.kh01-h5 .title p b{ font-size:2.4rem; display:block; color:#c8a270;}
.kh01-h5 .title p strong{ font-size:1.6rem; display:block; color:#930a41;}
.kh01-h5 .wen{ width:94%; text-align:center; font-size:1.55rem; margin:10px auto;}
.kh01-h5 .tu{ width:94%; margin:auto; padding: 3rem 0;}
.kh01-h5 .tu img{ max-width:100%; display:block; margin:auto;}

.kh02-h5{ width:100%;}
.kh02-h5 .title{ width:94%; margin:auto; background-image:url(../images/title.png); background-position:left center; background-repeat:repeat-x; margin-top:50px; text-align:center;}
.kh02-h5 .title p{ display:inline-block; padding:0 10px; background-color:#fff;}
.kh02-h5 .title p b{ font-size:2.3rem; display:block; color:#c8a270;}
.kh02-h5 .title p strong{ font-size:1.6rem; display:block; color:#930a41;}
.kh02-h5 .table{ width:94%; margin:auto; margin-top:15px;}
.kh02-h5 .table table{ width:100%; background-color:#e2c592;}
.kh02-h5 .table table th{ background-color:#930a41; font-size:14px; color:#fff;}
.kh02-h5 .table table td{ padding:5px; background-color:#fff; font-size:14px; line-height:1.2; color:#333; position:relative; z-index:1;}
.kh02-h5 .table a{display: block;width: 100%;text-align: center;font-weight: 900;color: red;font-size: 2rem;}

.kh04-h5{ width:100%;}
.kh04-h5 .title{ width:94%; margin:auto; background-image:url(../images/title.png); background-position:left center; background-repeat:repeat-x; margin-top:50px; text-align:center;}
.kh04-h5 .title p{ display:inline-block; padding:0 10px; background-color:#fff;}
.kh04-h5 .title p b{ font-size:2.3rem; display:block; color:#c8a270;}
.kh04-h5 .title p strong{ font-size:1.6rem; display:block; color:#930a41;}
.kh04-h5 .table{ width:94%; margin:auto; margin-top:50px; margin-bottom: 50px;}

.kh04-h5 .huigu {
  display: flex;
  justify-content: space-between; /* 或者 'space-around' 取决于您想要的间隔 */
  align-items: center; /* 如果需要垂直居中 */
}

.kh04-h5 .huigu a {
  text-align: center; /* 图片居中显示在链接内 */
}

.kh04-h5 .huigu img {
  max-width: 100%; /* 使图像响应式，不超过其容器的宽度 */
  height: auto; /* 保持图像的纵横比 */
}

.kh03-h5{ width:100%; padding-bottom:2rem;}
.kh03-h5 .title{ width:94%; margin:auto; background-image:url(../images/title.png); background-position:left center; background-repeat:repeat-x; margin-top:50px; text-align:center;}
.kh03-h5 .title p{ display:inline-block; padding:0 10px; background-color:#fff;}
.kh03-h5 .title p b{ font-size:2.3rem; display:block; color:#c8a270;}
.kh03-h5 .title p strong{ font-size:1.6rem; display:block; color:#930a41;}
.kh03-h5 .fanye{ width:94%; margin:auto; margin-top:15px; text-align:center;}
.kh03-h5 .fanye a{ display:inline-block;}
.kh03-h5 .fanye a img{ display:block; height:35px;}
.kh03-h5 .list{ width:94%; display:block; margin:auto;}
.kh03-h5 .list li{ display:block; margin-top:30px;}
.kh03-h5 .list li:after{ content:""; display:block; clear:both;}
.kh03-h5 .list li .left{
  width:100%; height:52.56vw; box-shadow:0 0 5px rgba(0,0,0,0.3);
  display: flex;
  align-items: center;
  justify-content: center;
}
.kh03-h5 .list li .left img{ width:100%; display:block;}
.kh03-h5 .list li .right{ width:100%; margin-top:15px;}
.kh03-h5 .list li .right .k01{ width:100%; display:flex; align-items:center;min-height: 1.5rem;}
.kh03-h5 .list li .right .k01 strong{ display:block;}
.kh03-h5 .list li .right .k01 strong img{ display:block;}
.kh03-h5 .list li .right .k01 p{ display:block;}
.kh03-h5 .list li .right .k01 span{ display:block; font-size:1.9rem; }
.kh03-h5 .list li .right .k01 b{ display:block; font-size:1.8rem; }
.kh03-h5 .list li .right .k02{font-size: 1.8rem; height: 39rem; padding-top: 1rem;}
.kh03-h5 .list li .right .k03{ padding-top: 1rem;}
.kh03-h5 .list li .right .k03 a{ display:block; float:left; width:178px; height:34px; line-height:34px; border-radius:10px; text-align:center; overflow:hidden; margin-right:20px; color:#fff; background-color:#c8a270; font-size: 1.8rem;}
.kh03-h5 .list li .right .k03 a:last-child{ background-color:#d6d3fe; color:#333;}

/*分组*/
.fz-h5{ width:100%; padding-bottom:6rem;}
.fz-h5 .title{ width:94%; margin:auto; background-image:url(../images/title.png); background-position:left center; background-repeat:repeat-x; margin-top:30px; text-align:center;}
.fz-h5 .title p{ display:inline-block; padding:0 10px; background-color:#fff;}
.fz-h5 .title p b{ font-size:2.4rem; display:block; color:#c8a270;}
.fz-h5 .title p strong{ font-size:1.6rem; display:block; color:#930a41;}
.fz-h5 .box{ width:94%; margin:15px auto;}
.fz-h5 .box .left{ width:100%; padding: 3rem 0;}
.fz-h5 .box .left img{ max-width:100%; display:block; margin:auto;}
.fz-h5 .box .right{ width:100%; margin-top:10px; }
.fz-h5 .box .right p{ display:block; text-indent:0em; font-size: 2rem; padding-bottom: 2rem;}
.fz-h5 .table{ width:94%; margin:auto;}
.fz-h5 .table table{ width:100%; background-color:#e2c592;}
.fz-h5 .table table th{ background-color:#c8a270; font-size:1.8rem; color:#fff;}
.fz-h5 .table table td{ padding:5px; background-color:#fff; font-size:1.6rem; color:#333; position:relative; z-index:1;}
.fz-h5 .table table td a:hover{ color:#930a41;}
.fz-h5 .table table td a {
    font-weight: bold;
    border-bottom: 1px #5D7BCB solid;
    color: #5D7BCB;
}

.h5-normal-font {
    font-size: 1.6rem;
}

.h5-title-font {
    font-size: 2.4rem;
}