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

html,body{ width:100%; height:100%;}
body{ font-family:"微软雅黑", Arial, sans-serif; font-size:14px; line-height:1.7; color:#333; background:#fff;}
a{ text-decoration:none; color:#fff;-webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; border:none; outline:none; padding:0;}
hr{border:solid 1px #ddd;border-bottom: solid 1px #a5a5a5;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
.clear:after,.clear:before{ content:""; display:block; clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;}
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;}
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;}
input,textarea{ -webkit-appearance:none;}
input[type=checkbox]{ -webkit-appearance:checkbox;}

/*header*/
.header {
  width: 100%;
  /*height: 16em;*/
  background-image: url(../images/beijing.png);
  /*background-repeat: no-repeat;*/
  /*background-size: 100% auto; /* 让背景图占满整个宽度，高度自适应 */
  position: absolute;
  left: 0;
  top: 0;
}

.header .top{ position:absolute; right:0; top:7px; font-size:18px; line-height:44px; color:#3b3663; letter-spacing:1px;}
.header .top a{ padding-left:17px; color:#3b3663;}
.header .head{ max-width:1200px; margin:auto; display:flex; align-items:center; position:relative;}
.header .nav{ width:100%;}
.header .nav .left{ float:left; display:flex; align-items:center; /*height:11em;*/}
.header .nav .left a{ display:block; margin-right:15px;}
.header .nav .left img{ display:block;max-width: 88px;}
.header .nav .left p{ display:block; margin-left:12px;}
.header .nav .left p img:last-child{ margin-top:8px;}
.header .nav .right{ /*padding:59px 0; */float:left; padding-left: 35px;}
.header .nav .right a{ display:flex; align-items:center; float:left; margin-left:0px; font-size:18px; line-height:32px;padding-left: 50px; color:#fff; vertical-align:middle;}
.header .nav .right a span{    display: inline-block;transform: scale(0.8);margin-left: -40px;}

/*banner*/
/*.banner{ width:100%; position:relative; z-index:1;}*/
.banner .bd{ width:100%; height:100%; position:absolute; left:0; top:0;}
.banner .bd ul,.banner .bd li{ width:100%; height:100% !important;}
/*.banner img{ width:100%; display:block; margin-top:-53px;}*/
.banner img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: -53px auto 0;
  vertical-align: middle;
}
.hd{position: relative;margin-left: 50%;height: 24px;margin-top: -22px;}
.hd li{display: block;width: 10px;height: 10px;margin-right: 10px;float: left;border-radius: 10px;border: 1px solid #c8a270;cursor:pointer;}
.hd ul{list-style: none;}
.hd .on{background: #c8a270;}

/*nav*/
.nbox{ /*width:100%;*/ background-image: url("../images/beijing.png"); /*height:6.7em;*/ /*background-repeat: no-repeat; background-size: cover;*/}
.nbox .box{ max-width:1200px; margin:auto;}
.nbox .box li{ width:17%; display:block; float:left; visibility: visible !important;
    /*animation-name: slideInUp !important;*/ position:relative; height:5.86em;text-align: center;}
.nbox .box li a{ /*width:100%;*/ display:block; /*height:11.72em;*/ overflow:hidden; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.nbox .box li a .top{ padding:8px 16px; padding-bottom:0; height:74px;}
/*.nbox .box li a .bot{ background-color:#435d9f; padding:8px 16px; padding-bottom:0; height:74px;}*/
/*.nbox .box li a .n01{ width:100%; height:2px; background-color:#c8a270; float:left;}
.nbox .box li a .n02{ width:6.8em; height:7em; border-radius:5px; background-color:#fff; display:flex; align-items:center; float:left; margin-top:40px; margin-bottom:50px;}
.nbox .box li a .n02 img{ display:block; margin:auto; max-width:5em; max-height:5em;}*/
.nbox .box li a .n03{ float:left; /*margin-top:30px; margin-left:12px;*/}
.nbox .box li a .n03 b{ font-size:24px; display:block; overflow:hidden; height:1.6em; color:#fff;}
.nbox .box li a .n03 span{ font-size:16px; line-height:28px; display:block; overflow:hidden; height:28px; color:#fff;}
/*.nbox .box li a .n03 p{ display:block; margin-top:5px; font-size:14px; line-height:30px; color:#fff; vertical-align:middle;}
.nbox .box li a .n03 p img{ vertical-align:middle; margin-left:5px;}*/
/*.nbox .box li a .bot .n03 b{ color:#c8a270;}*/
.nbox .box li.on a{ /*top:-5.88em;*/ background-color:#c8a270;}

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

.nbox {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto; /* 居中对齐 */
}

/*课程目标*/
.kbox{ max-width:100%; margin:0 auto; background-image:url(../images/sk_07.jpg); background-position:bottom center; background-repeat:no-repeat; padding-top:50px;}
.kbox .title{ max-width:1200px; margin:auto; text-align:center; font-weight:bold; color:#c8a270; font-size:40px; line-height:50px;}
.kbox .box{ max-width:1200px; align-items:center; margin:30px auto; margin-bottom:100px;}
.kbox .box .left{ width:100%;}
.kbox .box .left img{ max-width:100%; display:block;}
.kbox .box .right{ width:100%; /*margin-left:50px;*/ font-size:16px; line-height:30px;}
.kbox .box .right p{ display:block; text-indent:0em;}
.kbox .list{ max-width:1200px; margin:30px auto; margin-bottom:40px; display:block;}
.kbox .list dt{ display:block; text-align:center; float:left; overflow:hidden; width:34.9em;}
.kbox .list dt .k01{ width:100%; height:27.22em; background-position:top center; background-repeat:no-repeat;}
.kbox .list dt .k01 p{ /*width:363px; height:362px; */display:block; /*border-radius:100%;*/ overflow:hidden; margin-left:32px; margin-top:-1px;}
.kbox .list dd{ display:block; text-align:center; float:right; overflow:hidden; width:34.4em;}
.kbox .list dd .k01{ width:100%; height:27.22em; background-position:top center; background-repeat:no-repeat;}
.kbox .list dd .k01 p{ /*width:363px; height:362px; */display:block; /*border-radius:100%; */overflow:hidden; margin-left:32px; margin-top:-1px;}
.kbox .list .k01 p img{ width:100%; display:block;}
.kbox .list .k02{ font-size:30px; /*line-height:1;*/ color:#c8a270; font-weight:bold;}
.kbox .list .k03{ font-size:18px; line-height:28px; color:#000000; margin-top:15px;font-weight: bold;}

/*教学模式*/
.jbox{ max-width:100%; margin:0 auto; padding-bottom:100px; padding-top:200px; background-color:#f5f3ff; border-bottom:10px solid #eeecff; background-image:url(../images/sk01_08.jpg); background-position:top center; background-repeat:no-repeat;}
.jbox .box{ max-width:1200px; margin:auto; display:flex; align-items:center;}
.jbox .box .left{ width:42.9em;}
.jbox .box .left img{ max-width:100%; display:block;}
.jbox .box .right{ width:39.3em; margin-left:50px;}
.jbox .box .right .title{ text-align:center; font-weight:bold; color:#c8a270; font-size:40px; line-height:50px;}
.jbox .box .right .wen{ font-size:16px; line-height:30px; margin-top:30px;}
.jbox .box .right .wen p{ display:block; text-indent:0em; font-size: 16px;}

/*教学进度*/
.dbox{ max-width:100%; margin:0 auto; padding:50px 0;}
.dbox .title{ max-width:1200px; margin:auto; text-align:center; font-weight:bold; color:#c8a270; font-size:40px; line-height:50px;}
.dbox .box{ max-width:1200px; display:flex; align-items:center; margin:50px auto;}
.dbox .box .left{ width:43em;}
.dbox .box .left img{ max-width:100%; display:block;}
.dbox .box .right{ width:34.4em; margin-right:50px; font-size:16px; line-height:30px;}
.dbox .box .right p{ display:block; text-indent:0em; font-size: 16px;}
.dbox .table{ max-width:1200px; margin:auto;}
.dbox .table table{ width:100%; background-color:#e2c592;border-spacing: 1px;}
.dbox .table table th{ background-color:#c8a270; font-size:16px; color:#fff;}
.dbox .table table td{ padding:5px 10px; background-color:#fff; font-size:16px; color:#333; position:relative; z-index:1;}
.dbox .table table td span{ text-align:center; display:block; line-height:1.2;}

/*footer*/
.changeFooter{ width:100%; position:relative; padding-top:32px; padding-bottom:45px;}
.changeFooter .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;}
.changeFooter .foot{ max-width:1200px; margin:auto; position:relative; z-index:3;}
.changeFooter .foot .left{ width:50em; float:left;}
.changeFooter .foot .left .bt{ background-image:url(../images/f04.png); background-position:left bottom; background-repeat:no-repeat; height:3.74em;}
.changeFooter .foot .left .bt b{ width:7.8em; text-align:center; line-height:44px; margin-top:4px; border-bottom:4px solid #930a41; display:block; font-size:20px; color:#cc9966; text-transform:uppercase;}
.changeFooter .foot .left ul{ display:block; overflow:hidden; padding-top:30px;}
.changeFooter .foot .left ul li{ width:15em; float:left; display:block; margin:0 0px; text-align:center;}
.changeFooter .foot .left ul li strong{ display:block; height:26px;}
.changeFooter .foot .left ul li strong img{ display:block; margin:auto; max-height:26px;}
.changeFooter .foot .left ul li b{ font-size:14px; line-height:32px; display:block; margin-top:12px; text-transform:uppercase;}
.changeFooter .foot .left ul li p{ font-size:14px; line-height:24px; display:block;}
.changeFooter .foot .right{ float:right;}
.changeFooter .foot .right p{ display:block; float:left; overflow:hidden; text-align:center; margin-top:20px; margin-left:30px;}
.changeFooter .foot .right p b{ display:block; font-size:14px; line-height:22px; color:#cc9966;}
.changeFooter .foot .right p strong{ width:7.8em; display:block; overflow:hidden; margin:auto;}
.changeFooter .foot .right p strong img{ width:100%; display:block;}
.changeFooter .foot .right p span{ display:block; font-size:14px; line-height:16px; color:#333; margin-top:10px;}

/*讲者*/
.jz{ max-width:100%; margin:0 auto; padding-bottom:100px;}
.jz .title{ max-width:1200px; margin:auto; background-image:url(../images/title.png); background-position:left center; background-repeat:repeat-x; margin-top:50px; text-align:center;}
.jz .title p{ display:inline-block; padding:0 30px; background-color:#fff;}
.jz .title p b{ font-size:36px; display:block; line-height:46px; color:#c8a270;}
.jz .title p strong{ font-size:24px; display:block; line-height:34px; color:#000000; margin-top:5px;}
.jz .list{ max-width:1200px; margin:auto; display:block;}
.jz .list li{ display:block; overflow:hidden; margin-top:50px;}
.jz .list li .left{ width:17.8em; float:left;}
.jz .list li .left img{ width:100%; display:block;}
.jz .list li .right{ width:65.78em; float:right;}
.jz .list li .right .bt{ font-size:22px; line-height:1.2; color:#c8a270; font-weight:bold;}
.jz .list li .right .wen{ width:100%; margin-top:15px; font-size:16px; line-height:26px;}
.jz .list li .right .wen p{ display:block;}
.jz .dd{ text-align:center; margin-top:30px;}
.jz .dd b{ font-size:22px; display:block; color:#ccc; line-height:1.2;}
.jz .dd img{ display:block; margin:auto; margin-top:20px;}

/* 学生视角 */
.xs01{ max-width:100%; margin:0 auto; padding-bottom: 30px;}
.xs01 .title{ max-width:1200px; margin:0 auto 30px; background-image:url(../images/title.png); background-position:left center; background-repeat:repeat-x; margin-top:50px; text-align:center;}
.xs01 .title p{ display:inline-block; padding:0 30px; background-color:#fff;}
.xs01 .title p b{ font-size:36px; display:block; line-height:46px; color:#c8a270;}
.xs01 .title p strong{ font-size:24px; display:block; line-height:34px; color:#930a41; margin-top:5px;}
.xs01 .tl{ max-width:1200px; text-align:center; font-size:26px; font-weight: 900; margin:0px auto 0px;}
.xs01 .tl b{font-size:26px; color: #930a41}
.xs01 .wen{     
    max-width: 1200px;
    text-align: left;
    font-size: 18px;
    line-height: 28px;
    margin: 30px auto 0;
    padding-bottom: 30px;
    background-image: url(../images/title.png);
    background-position: bottom center;
    background-repeat: repeat-x;
    background-size: auto 2px;
}
.xs01 .wen span{font-weight: 900;}
.xs01 .wen .tu{ max-width:1200px; margin:auto;}
.xs01 .wen .tu img{ max-width:100%; display:block; margin:auto;height: 17.34em;padding-bottom: 20px;}
.xs01 .wen .ol{text-indent: 0rem;}
.xs01 .tl2{ max-width:1200px; text-align:left; font-size:26px; font-weight: 900; margin:30px auto 0px;}
.xs01 .tl2 b{font-size:26px; color: #930a41}
.xs01 .dd{ text-align:center; margin-top:30px;}
.xs01 .dd b{ font-size:22px; display:block; color:#ccc; line-height:1.2;}
.xs01 .dd img{ display:block; margin:auto; margin-top:20px;}

/*考核*/
.kh01{ max-width:100%; margin:0 auto; }
.kh01 .title{ max-width:1200px; margin:auto; background-image:url(../images/title.png); background-position:left center; background-repeat:repeat-x; margin-top:50px; text-align:center;}
.kh01 .title p{ display:inline-block; padding:0 30px; background-color:#fff;}
.kh01 .title p b{ font-size:36px; display:block; line-height:46px; color:#c8a270;}
.kh01 .title p strong{ font-size:24px; display:block; line-height:34px; color:#930a41; margin-top:5px;}
.kh01 .wen{ max-width:1200px; text-align:center; font-size:18px; line-height:28px; margin:50px auto;}
.kh01 .tu{ max-width:1200px; margin:auto;}
.kh01 .tu img{ max-width:100%; display:block; margin:auto;height: 19.34em;}

.kh02{ max-width:100%; margin:0 auto; }
.kh02 .title{ width:1200px; margin:auto; background-image:url(../images/title.png); background-position:left center; background-repeat:repeat-x; margin-top:50px; text-align:center;}
.kh02 .title p{ display:inline-block; padding:0 30px; background-color:#fff;}
.kh02 .title p b{ font-size:36px; display:block; line-height:46px; color:#c8a270;}
.kh02 .title p strong{ font-size:24px; display:block; line-height:34px; color:#930a41; margin-top:5px;}
.kh02 .table{ width:1200px; margin:auto; margin-top:50px;}
.kh02 .table table{ width:100%; background-color:#e2c592;}
.kh02 .table table th{ background-color:#930a41; font-size:16px; color:#fff;}
.kh02 .table table td{ padding:5px 10px; background-color:#fff; font-size:16px; color:#333; position:relative; z-index:1;}
.kh02 .table table td span{ text-align:left; display:block; line-height:1.2;}
.kh02 .table a{display: block;width: 100%;text-align: center;font-weight: 900;color: red;font-size: 20px;}

.kh04{ max-width:100%; margin:0 auto; }
.kh04 .title{ width:1200px; margin:auto; background-image:url(../images/title.png); background-position:left center; background-repeat:repeat-x; margin-top:50px; text-align:center;}
.kh04 .title p{ display:inline-block; padding:0 30px; background-color:#fff;}
.kh04 .title p b{ font-size:36px; display:block; line-height:46px; color:#c8a270;}
.kh04 .title p strong{ font-size:24px; display:block; line-height:34px; color:#930a41; margin-top:5px;}
.kh04 .table{ width:1100px; margin:auto; margin-top:50px; margin-bottom: 50px;}

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

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

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


.kh03{ max-width:100%; margin:0 auto; padding-bottom:100px;}
.kh03 .title{ max-width:1200px; margin:auto; background-image:url(../images/title.png); background-position:left center; background-repeat:repeat-x; margin-top:50px; text-align:center;}
.kh03 .title p{ display:inline-block; padding:0 30px; background-color:#fff;}
.kh03 .title p b{ font-size:36px; display:block; line-height:46px; color:#c8a270;}
.kh03 .title p strong{ font-size:24px; display:block; line-height:34px; color:#930a41; margin-top:5px;}
.kh03 .fanye{ max-width:1200px; margin:auto; margin-top:50px; text-align:center;}
.kh03 .fanye a{ display:inline-block;}
.kh03 .fanye a img{ display:block;}
.kh03 .list{ max-width:1200px; display:block; margin:auto;}
.kh03 .list li{ display:block; margin-top:50px;}
.kh03 .list li:after{ content:""; display:block; clear:both;}
.kh03 .list li .left{ 
  width:38.5%; float:left; height:264px;border: 1px rgba(0, 0, 0, 0.15) solid; box-shadow:0 0 10px rgba(0,0,0,0.3);
  display: flex; /* 添加flexbox布局 */
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中 */
}
.kh03 .list li .left img{ width:100%; display:block;}
.kh03 .list li .right{ width:58.334%; float:right;}
.kh03 .list li .right .k01{ width:100%; display:flex; align-items:center;}
.kh03 .list li .right .k01 strong{ display:block;}
.kh03 .list li .right .k01 strong img{ display:block;height: 66px;}
.kh03 .list li .right .k01 p{ display:block;}
.kh03 .list li .right .k01 span{ display:block; font-size:20px; line-height:24px;}
.kh03 .list li .right .k01 b{ display:block; font-size:18px; line-height:28px; margin-top:5px;}
.kh03 .list li .right .k02{ font-size:16px; line-height:22px; margin-top:10px;}
.kh03 .list li .right .k03{ margin-top:20px;}
.kh03 .list li .right .k03 a{ display:block; float:left; width:110px; height:34px; line-height:34px; border-radius:10px; text-align:center; overflow:hidden; margin-right:20px; color:#fff; background-color:#c8a270; font-size:16px;}
.kh03 .list li .right .k03 a:last-child{ background-color:#d6d3fe; color:#333;}

/*分组*/
.fz{ max-width:100%; margin:0 auto; padding-bottom:100px;}
.fz .title{ max-width:1200px; margin:auto; background-image:url(../images/title.png); background-position:left center; background-repeat:repeat-x; margin-top:50px; text-align:center;}
.fz .title p{ display:inline-block; padding:0 30px; background-color:#fff;}
.fz .title p b{ font-size:36px; display:block; line-height:46px; color:#c8a270;}
.fz .title p strong{ font-size:24px; display:block; line-height:34px; color:#930a41; margin-top:5px;}
.fz .box{ max-width:1200px; display:flex; align-items:center; margin:50px auto;}
.fz .box .left{ width:42.87em;}
.fz .box .left img{ max-width:100%; display:block;}
.fz .box .right{ width:34.4em; margin-left:50px; font-size:16px; line-height:30px;}
.fz .box .right p{ display:block; text-indent:0em;}
.fz .table{ max-width:1200px; margin:auto;}
.fz .table table{ width:100%; background-color:#e2c592;}
.fz .table table th{ background-color:#c8a270; font-size:16px; color:#fff;}
.fz .table table td{ padding:5px 10px; background-color:#fff; font-size:16px; color:#333; position:relative; z-index:1;}
.fz .table table td a {
    font-weight: bold;
    border-bottom: 1px #5D7BCB solid;
    color: #5D7BCB;
}
.fz .table table td a:hover{ color:#930a41;}
.fz .table table td span{ width:760px; display:block; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.fz .table table td p{ width:720px; display:none; padding:10px; background-color:#eee; font-size:14px; border-radius:5px; position:absolute; left:20px; top:50%; text-align:left;}
.fz .table table td:hover{ z-index:9;}
.fz .table table td:hover p{ display:block;}

.pcside{display: none;}
/* .pcside2{display: none;} */
.mobile{display: none;}
/* .mobile2{display: block;} */