/* @charset "utf-8";
@font-face {
    font-family: 'HarmonyOS_Sans_SC';
    src: url('../fonts/HarmonyOS_Sans_Regular.ttf');
    }
@font-face {
        font-family: 'HarmonyOS_Sans_SC_Medium';
        src: url('../fonts/HarmonyOS_Sans_Medium.ttf');
        
        } */
/* 把我们所有标签的内外边距清零 */
* {
    margin: 0;
    padding: 0;
    /* css3盒子模型 */
    box-sizing: border-box;
    font-family: "Microsoft YaHei";
}
/* em 和 i 斜体的文字不倾斜 */
em,
i {
    font-style: normal
}
/* 去掉li 的小圆点 */
li {
    list-style: none
}

img {
    /* border 0 照顾低版本浏览器 如果 图片外面包含了链接会有边框的问题 */
    border: 0;
    /* 取消图片底侧有空白缝隙的问题 */
    vertical-align: middle
}

button {
    /* 当我们鼠标经过button 按钮的时候，鼠标变成小手 */
    cursor: pointer
}

a {
    text-decoration: none
}

a:hover {
    
    text-decoration: none;
}
a:visited{
    text-decoration: none;
}
a:link{
    text-decoration: none;
}
button,
input {
    /* "\5B8B\4F53" 就是宋体的意思 这样浏览器兼容性比较好 */
    font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
    /* 默认有灰色边框我们需要手动去掉 */
    border: 0; 
    outline: none;
}

body {
    /* CSS3 抗锯齿形 让文字显示的更加清晰 */
    -webkit-font-smoothing: antialiased;
    background-color: #f5f7fa;
    font: 12px/1.5 HarmonyOS_Sans_SC, Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
    /* color: #000000; */
}

.hide,
.none {
    display: none
}
/* 清除浮动 */
/* .clearfix:after {
    visibility: hidden;
    clear: both;
    display: block;
    content: ".";
    height: 0
}

.clearfix {
    *zoom: 1
} */


/* 清除浮动 */
.clearfix:before,
.clearfix:after {
  content: '';
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
img{
    width: 100%;
    height: 100%;
}
ul,ol{
    list-style-type: none;
}
.center{
    width: 1200px;
    margin:0px auto;
}
.gg{
    text-align: center;
    height: 50px;
    line-height: 50px;
    margin-bottom: 0px;
    background-color: #6b7485;
    color:#a0adc1;
    font-size: 14px;
}
.footer_p.center{
    justify-content: center;
    padding-top: 40px;
}
.footer_p.center p{
    margin-bottom: 0px;
    display: flex;
}
.footer_p p a{
    color:#a0adc1;
    margin-left: 5px;
}
/* .footer_p p a:last-child {
    background: url(../images/gongan.png) no-repeat 0px center;
    background-size: 18px 20px;
    padding-left: 23px;
    margin-left: 8px;
} */
.footer_p p a:last-child {
    /* background: url(../images/gongan.png) no-repeat 0px center; */
    background-size: 18px 20px;
    padding-left: 0px;
    margin-left: 8px;
}
.footer_p p a:last-child img{
    display: none;
}
.top_info{
    display: flex;
    flex-direction: column;
    justify-self: center;
}
.szjs.dis_mo{
    display: none;
}
.szjs.dis_pc{
    display: block;
}
/* 教材教辅开始 */
.zhuxue{
    height: 534px;
    background: url(../images/zhuxue.jpg) no-repeat 0px 0px;
    background-size: 100% 100%;
}
.qianhu{
    display: flex;
    justify-content: center;
    gap: 15px;
    align-items: center;
    text-align: center;
    line-height:43px;
    margin:30px auto;
}
.qh1{
    width: 125px;
	height: 43px;
	background-color: #ffffff;
	box-shadow: 0px 2px 9px 0px 
		rgba(59, 64, 94, 0.08);
	border-radius: 21px;
    font-size: 26px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 7px;
	color: #3a78ff;
    cursor: pointer;
    transition: all .5s ease .1s;
}
.qh1:hover{
    transform: scale(1.1);
}
.qh1.active{
    width: 125px;
	height: 43px;
	background-image: linear-gradient(
		#3a78ff, 
		#3a78ff), 
	linear-gradient(
		#ffffff, 
		#ffffff);
	background-blend-mode: normal, 
		normal;
	box-shadow: 0px 2px 9px 0px 
		rgba(59, 64, 94, 0.08);
	border-radius: 21px;
    font-size: 26px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 7px;
	color: #ffffff;
}
.shuomin {
    background: url(../images/zi_tiao.png) no-repeat -45px -11px;
    height: 49px;
    /* background-size: 1100px 49px; */
    display: flex;
}
.qian_co{
    margin-bottom: 90px;
}
.jibie1{
    display: none;
}
.jibie1.active{
    display: block;
}
.jibie1_son{
    display: flex;
    gap: 10px;
}
.jibie1_son .jiebie_detail{
    display: flex;
}
.jiebie_detail_left{
    height: 285px;
    width: 148px;
    background: url(../images/jibie_bk1.png) no-repeat 0px 0px;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.jiebie_detail_left h2{
    font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #c83400;
}
.jiebie_detail_left a{
    width: 101px;
	height: 27px;
	background-color: #3a78ff;
	border-radius: 13px;
	border: solid 1px #ffffff;
    font-size: 17px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 1px;
	color: #ffffff;
    text-align: center;
    transition: all .5s ease .1s;
}
.jiebie_detail_left a:hover{
    transform: scale(1.1);
}
.jiebie_detail_left .fm_cover{
    width: 115px;
	height: 159px;
    overflow: hidden;
}
.jiebie_detail_left img {
    width: 100%;
    height: 80%;
    transition: all .5s ease .1s;
    margin-top: 10%;
}
.jiebie_detail_left img:hover{
    transform: scale(1.1);
}
.jiebie_detail_right {
    height: 285px;
    width: 254px;
    background: url(../images/jibie_bk2.png) no-repeat 0px 0px;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 15px 30px;
    align-items: center;
    text-align: justify;
}
.left_logs{
    background: url(../images/tubiao1.png) no-repeat 0px bottom;
    background-size: 50px 50px;
    font-size: 27px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 50px;
	letter-spacing: 0px;
	color: #2b68eb;
    padding-left: 40px;
}
.left_logs.b_j2{
    background: url(../images/tubiao2.png) no-repeat 0px bottom;
    background-size: 50px 50px;
}
.left_logs.b_j3{
    background: url(../images/tubiao3.png) no-repeat 0px bottom;
    background-size: 50px 50px;
}
.left_logs.b_j4{
    background: url(../images/tubiao4.png) no-repeat 0px bottom;
    background-size: 50px 50px;
}
.right_logs {
    background: url(../images/lansanj.png) no-repeat 5px 21px;
    background-size: 10px 10px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 49px;
    letter-spacing: 2px;
    color: #696969;
    padding-left: 23px;
    margin-left: 10px;
}

.info_ft{
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    align-items: center;
}
.info_ft span{
    font-size: 31px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: -1px;
	color: #ffa101;
    margin-right: 30px;
}
.zhuxue_code_right h4,.zhuxue_code_right h5{
    font-size: 16px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #000000;
}
.zhuxue_code_right h5{
    padding-left: 50px;
}
.zhuxue_code_right h4 span,.zhuxue_code_right h5 span{
    font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ff7200;
}
.zhuxue_code_right .italic{
	font-style: italic;
}
.zhuxue_code {
    background: rgba(255, 255, 255, 0.86);
    height: 234px;
    border-radius: 20px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.zhuxue_code_left_img{
    width: 117px;
	height: 116px;
	background-color: #ffffff;
	box-shadow: 0px 0px 7px 0px 
		rgba(0, 0, 0, 0.06);
	border-radius: 10px;
    padding:6px;
    margin-right: 20px;
}
.zhuxue_code_left{
    display: flex;
}
.info_ft a{
    text-align: center;
    width: 101px;
	height: 28px;
	background-color: #3a78ff;
	border-radius: 13px;
	border: solid 1px #ffffff;
    font-size: 17px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 27px;
	letter-spacing: 1px;
	color: #ffffff;
    transition: all .5s ease .1s;
}
.info_ft a:hover{
    transform: scale(1.1);
}
.log{
    width: 76px;
    height: 50px;
    margin-bottom: 30px;
}
.log1,.log3{
    margin-top: 5px;
    width: 150px;
    height: 48px;
    cursor: pointer;
    transition: all .3s linear;
}
.log1:hover,.log3:hover{
    transform: scale(1.1);
}
.log2{
    margin-top: 5px;
    width: 150px;
    height: 48px;
    cursor: pointer;
    transition: all .3s linear;
}
.log2:hover{
    transform: scale(1.1);
}
.info_in{
    
    background: url(../images/index_mobile.jpg) no-repeat 0px 0px;
    background-size: 100% 100%;
}
.info_in .center{
    display: flex;
    justify-content: space-between;
}
.left_info_in{
    height: 600px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.top_tp_inf{
    height: 400px;
    margin-bottom: 20px;
}
.top_tp_inf h4{
        font-family: HarmonyOS_Sans_SC_Bold;
        font-size: 23px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 24px;
        letter-spacing: 0px;
        color: #ffffff;
        text-shadow: 0 0 10px #cceeff, 0 0 20px #d4d4d4;
    }
 .top_tp_inf h5 {
    background: url(../images/duigou_xiao.png) no-repeat 0px center;
    background-size: 17px 17px;
    padding-left: 35px;
    font-family: HarmonyOS_Sans_SC_Bold;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #ffffff;
    margin-bottom: 2px;
    /* box-shadow: 2px 1px 21px 0px rgba(59, 64, 94, 0.28); */
}
 .top_tp_inf p {
    font-family: HarmonyOS_Sans_SC_Medium;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: 0px;
    color: #667ad3;
}
 .top_tp_inf h3 {
    font-family: HarmonyOS_Sans_SC_Bold;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0px;
    color: #ffffff;
    /* box-shadow: 2px 1px 21px 0px rgba(59, 64, 94, 0.28); */
}
   .top_tp_inf h2 {
    font-family: HarmonyOS_Sans_SC_Medium;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 18px;
    letter-spacing: 0px;
    color: #667ad3;
    margin-top: 2px;
    /* box-shadow: 2px 1px 21px 0px rgba(59, 64, 94, 0.28); */
}
    
.right_info_in {
    width: 660px;
    height: 590px;
    align-self: flex-end;
}
.log1{
    background: url(../images/shiwu_zi.png) no-repeat 0 0;
    background-size: 135px 35px;
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 38px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    padding-left: 26px;
}
.log1.active{
    background: url(../images/zonghenengli_zi.png) no-repeat 0 0;
    background-size: 135px 35px;
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 38px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    padding-left: 26px;
}
.log2{
    background: url(../images/shiwu_lan.png) no-repeat 0 0;
    background-size: 135px 35px;
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 38px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    padding-left: 26px;
}
.log2.active{
    background: url(../images/zonghenengli_lan.png) no-repeat 0 0;
    background-size: 135px 35px;
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 38px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    padding-left: 26px;
}
.log3.active{
    background: url(../images/shiwu_lv.png) no-repeat 0 0;
    background-size: 135px 35px;
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 38px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    padding-left: 26px;
}

.right_ft_col .fm_cover{
    width:235px;
    height: 235px;
    overflow: hidden;
}
.right_ft_col img{
    width:100%;
    height: 100%;
    transition: all .5s ease .1s;
}
.right_ft_col img:hover{
    transform: scale(1.1);
}
.sd_col{
   display: flex;
    flex-direction: column;
    padding:60px 40px;
}

.sd_col_son1,.sd_col_son2,.sd_col_son3{
    display: none;
}
.sd_col_son1.active,.sd_col_son2.active,.sd_col_son3.active{
    display: block;
}
/* .sd_col_son2{
    display: flex;
    flex-direction: column;
    padding:60px 40px;
}
.sd_col_son3{
    display: flex;
    flex-direction: column;
    padding:60px 40px;
} */
.sd_col h2{
    font-size: 30px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #3472ff;
    margin-bottom:20px;
}
.sd_col p {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0px;
    color: #454040;
    text-align: justify;
}
.left_ft_col {
    padding-top: 65px;
    padding-right:50px;
    padding-left: 40px;
}
.right_ft_col{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.right_ft_col_son1,.right_ft_col_son2,.right_ft_col_son3{
    display: none;
}
.right_ft_col_son1.active,.right_ft_col_son2.active,.right_ft_col_son3.active{
    display: block;
}
.title_jcjf {
    font-size: 32px;
    font-weight: normal;
    font-stretch: normal;
    /* line-height: 80px; */
    letter-spacing: 0px;
    color: #000000;
    text-align: center;
    /* height: 80px; */
    margin-top: 50px;
    margin-bottom: 40px;
}
.title_jcjf.zhuxue_title{
    padding-top: 60px;
}
.sh_line{
    width: 1px;
    height: 146px;
    background: #dcdcdc;
}
.floor1 .center{
    display: flex;
    height: 400px;
}
.ft_col{
    display: flex;
    width: 40%;
}
.floor1.bk1{
    background: url(../images/zi_bk1.jpg) no-repeat 0px 0px;
    background-size: 100% 100%;
}
.floor1.bk2{
    background: url(../images/zi_bk2.jpg) no-repeat 0px 0px;
    background-size: 100% 100%;
}
.floor1.bk3{
    background: url(../images/zi_bk3.jpg) no-repeat 0px 0px;
    background-size: 100% 100%;
}
.fuxi{
    height: 736px;
    background: url(../images/ios_bk.jpg) no-repeat 0px 0px;
    background-size: 100% 100%;
}
.fuxi .center{
    display: flex;
    align-items: center;
}
.fuxi_left{
    width: 55%;
}
.fuxi_left h2 {
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 50px;
    letter-spacing: 0px;
    color: #99b4ed;
    margin-bottom: 0px;
}
.fuxi_left h3 {
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 46px;
    letter-spacing: 0px;
    color: #2b68eb;
    margin-top: 0px;
    margin-bottom: 10px;
}
.fuxi_left h4 {
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 50px;
    letter-spacing: 1px;
    color: #000000;
    margin-top: 0px;
}
.fuxi_left p {
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 15px;
}
.fuxi_left p span {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0px;
    color: #497aed;
    margin-right: 5px;
}
.btn_groups{
    display: flex;
}
.btn_ft {
    width: 110px;
    height: 30px;
    box-shadow: 0px 2px 9px 0px rgba(59, 64, 94, 0.08);
    border-radius: 21px;
    margin-right: 20px;
    line-height: 28px;
    /* text-align: center; */
    color: #8299e3;
    background: #ffffff url(../images/anzhuo.png) no-repeat 18px 6px;
    background-size: 17px 17px;
    padding-left: 40px;
    cursor: pointer;
    transition: all .5s ease .1s;
    position: relative;
}
.btn_ft img,.btn_sd img{
    position: absolute;
    width: 100px;
    height: 100px;
    left:5px;
    bottom:-105px;
    display: none;
}
.btn_ft:hover{
    transform: scale(1.1);
}
.btn_ft:hover img{
    display: block;
}
.btn_sd{
    width: 110px;
	height: 30px;
	box-shadow: 0px 2px 9px 0px 
		rgba(59, 64, 94, 0.08);
	border-radius: 21px;
    line-height: 28px;
    padding-left: 40px;
    color: #8299e3;
    background: #ffffff url(../images/ios.png) no-repeat 18px 5px;
    background-size: 17px 17px;
    cursor: pointer;
    transition: all .5s ease .1s;
}
.btn_sd:hover{
    transform: scale(1.1);
}
.btn_sd:hover img{
    display: block;
}
/* 教材教辅结束 */
/* 客服开始 */

.pc {
    width: 245px;
    height: 380px;
    background: url(../images/kf_bk.png) no-repeat 0px 0px;
    background-size: 100% 100%;
    position: fixed;
    right: 20px;
    bottom: 20px;
    padding: 10px;
    z-index: 9999;
}
.rds {
    position: absolute;
    color: #e0511e;
    font-size: 14px;
    top: 299px;
    left: 59px;
    display: none;
}
.close-icon {
    cursor: pointer;
    width: 13px;
    height: 13px;
    position: absolute;
    right: 10px;
    top: 10px;
}
.pc .qrCode {
    width: 153px;
    height: 154px;
    background-color: #ffffff;
    border-radius: 10px;
    position: absolute;
    left: 47px;
    /* top: 143px; */
    top: 127px;
}
.pc .btn_bo {
    position: absolute;
    bottom: 27px;
    width: 216px;
    height: 32px;
    left: 50%;
    margin-left: -107px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.pc .btn_bo:hover {
  transform: scale(1.05);
}

/* 客服结束 */
/* 老师开始 */
.ear {
    background: url(../images/ear.png) no-repeat 0px 0px;
    background-size: 30px 30px;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #444444;
    align-self: self-end;
    padding-left: 35px;
    cursor: pointer;
    transition: all .5s ease .1s;
}
.ear:hover{
    transform: scale(1.1); 
}
.teacher_tabs{
    display: flex;
    flex-wrap: wrap;
    gap:20px;
    margin-bottom: 50px;
    margin-top: 50px;
}
.taach_detail{
    width: 49%;
    display: flex;
    flex-direction: column;
    height: auto;
	background-color: #fefeff;
	box-shadow: 0px 0px 7px 0px 
		rgba(0, 0, 0, 0.06);
	border-radius: 15px;
    
}
.t_top{
    display: flex;
    padding:40px;
    padding-bottom: 0px;
    justify-content: space-around;
}
.t_top_left h3{
    font-size: 33px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #000000;
    margin-top: -40px;
    text-align: center;
}
.t_top_left h4{
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 32px;
	letter-spacing: 0px;
	color: #9d9d9e;
    text-align: center;
}
.t_top_left h4 span{
    font-size: 18px;
}
.t_top_left{
    display: flex;
    flex-direction:column;
    justify-content: center;
    width: auto;
}
.t_bottom {
    background: #f3f3f5;
    padding: 50px;
    height: 62%;
    display: flex;
    flex-direction: column;
    border-radius: 0px 0px 15px 15px;
}
.t_bottom p{
    font-family: HarmonyOS_Sans_SC_Medium;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #646a73;
    text-align: justify;
}
.t_top_right {
    width: 141px;
    height: 250px;
}

.sx{
    display: flex;
    flex-direction: column;
    background:#fff;
    padding:30px;
    margin-top: 50px;
    margin-bottom: 50px;
}
.sx a{
    font-size: 18px;
	font-weight: normal;
	letter-spacing: 2px;
	color: #6a6c71;
    height: 30px;
    line-height: 30px;
    padding:0px 15px;
}
.sx .active{
    height: 30px;
	background-color: #477fff;
	border-radius: 15px;
    color:#fff;
    line-height: 30px;
    padding:0px 10px;
}
.sx .lever,.sx .type{
    display: flex;
    margin-top: 20px;
    margin-bottom: 10px;
}
.sx .line_mid{
    height: 2px;
    background: #f2f3f6;
    margin:20px auto;
    width: 100%;
}
.sx h2{
    font-size: 24px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #000000;
    margin-top: 0px;
}
.sx .sum{
    font-size: 18px;
    height: 40px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 2px;
	color: #000000;
    display: flex;
    margin:10px 0px;
    align-items: center;
}
.sx .sum span{
    margin:0px 10px;
}
.sx .sum a {
    width: 125px;
    height: 30px;
    border-radius: 15px;
    background: #ececee url(../images/cha.png) no-repeat 6px center;
    background-size: 18px 18px;
    padding-left: 30px;
    line-height: 30px;
}


/* 老师结束 */
/* 课程轮播图开始 */
.bottom_white_words {
    flex: 1;
    background-color: #fff;
    color: #447ed5;
    border-top: solid 1px #e6e6e6;
    height: 100px;
    line-height: 33px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    /* justify-content: flex-start; */
    justify-content: center;
    align-items: center;
}
.bottom_white_words.acti{
    justify-content: center;
}
.dabao_l{
    margin-top: 5px;
}
.beijing_l {
    background-color: #477fff;
    height: 39px;
    color: #fff;
    border-radius: 17px;
    padding: 0px 32px;
    line-height: 39px;
    margin-top: 10px;
}
.dierhang_new {
    display: flex;
    position: relative;
}
.drh_new_left{
    display: flex;
    flex-direction: column;
}
.drh_new_right{
    flex:1;
}
.swiper.mySwiper2{
    
}
.drh_new_right .swiper-pagination-bullet{
    flex:1;
    width: 386px;
	height: 53px;
	background:#efefef;
	border-radius: 10px 10px 0px 0px;
    opacity: 1;
    color: #447ed5;
    line-height:53px;
    font-size: 22px;
    margin: 0px !important;;
}
.mySwiper2 .swiper-slide{
    width: 100%!important;
    display: flex;
    flex-direction: column;
}
.drh_new_right .swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
    left: 40px;
    top: -53px;
    width: 1160px;
    display: flex;
    height: 53px;
    gap: 1px;
}
.drh_new_right .swiper-pagination-bullet-active {
    background: #ff9526;
    /* background: #649cf0; */
    color:#fff;
}
.drh_new_right .swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active{
    /* background: #dda5f8; */
    background: #fc5454;
}
.drh_new_right .swiper-pagination-bullet:nth-child(3).swiper-pagination-bullet-active{
    /* background: #fdb838; */
    background: #5498fc;
}

/* 课程轮播图结束 */
/* 首页开始 */
.line_white{
    height: 4px;
    background:#c3d3ff;
    margin-top: 5px;
}
.dates_kszx .month{
    font-size: 17px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
    color:#c3d3ff;
}
.ckxq{
    width: 115px;
	height: 31px;
    transition: all .5s ease .1s;
}
.ckxq:hover{
    transform: scale(1.1);
}
.kszx .center{
    display: flex;
    margin-top: 60px;
    gap:40px;
    margin-bottom: 50px;
}
.top_img {
    height: 306px;
    background: url(../images/zxkszx_img.png) no-repeat -1px -1px;
    background-size: 101% 101%;
    border-radius: 10px 10px 0px 0px;
}
.bottom_links{
    
    padding:25px;
}
.bottom_links a{
    color:#fff;
    display: flex;
    flex-direction: column;
    
}
.second_new p {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-top: 0px;
    width: 832px;
    background: url(../images/white_dot.png) no-repeat 0px center;
    background-size: 8px 8px;
    padding-left: 12px;
    height: 40px;
    line-height: 20px;
    margin-top: 10px;
}
.first_new h2 {
    height: 40px;
    font-family: "Microsoft YaHei";
    font-size: 26px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #ffffff;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-top: 0px;
}
.first_new p {
    font-family: "Microsoft YaHei";
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 29px;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 0.77;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 87px;
}
.first_new .dates_kszx{
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.second_new{
    height: 40px;
	font-family: "Microsoft YaHei";
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #ffffff;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}



.kszx .center .kszx_left{
    flex:1;
    display: flex;
    flex-direction: column;
    background:#6493ff;	
	border-radius:10px;
}
/* 首页结束 */
.fwzc_title h2{
    display: none;
}
.white_link:hover .tong_content h3,.white_link:hover .tong_content_left h3{
    color: #1d6fff;
}
.white_link:hover .tong_content,.white_link:hover .tong_content_left{
    border-bottom: 1px solid #1d6fff;
}
.genduo {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 15px;
}
.genduo a {
    font-family: "Microsoft YaHei";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 1px;
    color: #656777;
    /* display: flex;
    justify-content: space-between; */
    background: url(../images/more_arrow.png) no-repeat right center;
    background-size: 15px 15px;
    width: 50px;
    height: 20px;
    transition: all .5s ease .1s;
}
.genduo a:hover{
    transform: translateX(10px);
}
.top{
	background-color: #ffffff;
}
.top .center{
   display: flex;
   height: 80px;
   align-items: flex-end;
}
.top a{
    font-family: "Microsoft YaHei";
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
    height: 50px;
	line-height: 50px;
	letter-spacing: 0px;
	color: #474747;
    padding: 0px 20px;
}
/* .thiscen{
    margin-top: -80px;
} */
.top a.active{
    background: url(../images/nav_bom.jpg) no-repeat center bottom;
}
.top a:first-child{
    padding-right: 100px;
    padding-left: 0px;
    padding-bottom: 10px;
    height: 60px;
}
.top a img{
    height: 100%;
}
.banner{
    /* height: 370px; */
    background: url(../images/banner_last.jpg) no-repeat 0 0;
    background-size: 100% 100%;
    width: 100%; /* 宽度随父容器 */
    aspect-ratio: 192/38; /* 宽高比（16:9） */
    object-fit: cover; /* 图片填充方式（可选） */
}
.banner_jcjf{
    background: url(../images/jcjf_banner.png) no-repeat 0 0;
    background-size: 100% auto;
    width: 100%; /* 宽度随父容器 */
    aspect-ratio: 192/66; /* 宽高比（16:9） */
    object-fit: cover; /* 图片填充方式（可选） */
    position: relative;
}
.banner_jcjf .center{
    position: absolute;
    height:182px;
    left:50%;
    margin-left: -600px;
    top:70%;
}
.three_f{
    width: 100%;
    height:182px;
    gap:20px;
    display: flex;
}
.three_f h2 {
    font-size: 27px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #3472ff;
    margin-top: 0px;
}
.three_f h3 {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 21px;
    letter-spacing: 0px;
    color: #000000;
    margin-top: 0px;
}
.ff1{
    background: url(../images/ff1.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.ff2{
    background: url(../images/ff2.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.ff3{
    background: url(../images/ff3.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.ff1, .ff2, .ff3 {
    transition: all .3s linear;
    cursor: pointer;
    flex: 1;
    padding-left: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.ff1:hover,.ff2:hover,.ff3:hover{
    -webkit-transform: translateY(-5px);
	transform: translateY(-5px)
}

.banner_rcxx{
    background: url(../images/rcxx_banner.jpg) no-repeat 0 0;
    background-size: 100% 100%;
    aspect-ratio: 192 / 38;
    object-fit: cover;
}
.center_bak{
    display: block;
    width: 1750px;
    margin:0px auto;
}
.center_rcxx{
    display: block;
    width: 1200px;
    margin:0px auto;
}
.center_rcxx img{
   
}
.center_bak img{
    width: 100%;
    height: 100%;
}
.sgpt{
    width: 817px;
	height: 831px;
	background-image: linear-gradient(-1deg, 
		#fefaf8 0%, 
		#f1f5ff 100%), 
	linear-gradient(
		#dfebfd, 
		#dfebfd);
	background-blend-mode: normal, 
		normal;
	border-radius: 15px;
	border: solid 3px #ffffff;
    padding: 65px;
    padding-top: 0px;
}
.list_seemore{
    display: none;
}
.list_seemore.active{
    display: block;
}
.sgpt p{
    font-family: Microsoft YaHei;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #6a6c81;
    text-align: center;
    margin-top: 40px;
}
.sgpt_ks{
    margin-top: 60px;
}
.sgpt_ks .center{
    display: flex;
    justify-content: space-between;
}
.sgpt{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.sgpt_title{
    width: 384px;
}
.ks{
    width: 325px;
    display: flex;
    flex-direction: column;
}
.ks .title{
    height: 120px;
	background-image: linear-gradient(
		#3472ff, 
		#3472ff), 
	linear-gradient(
		#ffffff, 
		#ffffff);
	background-blend-mode: normal, 
		normal;
	border-radius: 10px;
}
/* .ks .title h2{
    font-family: Microsoft YaHei;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #ffffff;
    text-align: center;
} */
.ks .title h2 {
    font-family: Microsoft YaHei;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 1px;
    color: #ffffff;
    text-align: center;
    margin-top: 14px;
}
/* .ks .title .days{
    display: flex;
    justify-content: center;
    color: #fff;
    line-height: 80px;
} */
.ks .title .days {
    display: flex;
    justify-content: center;
    color: #fff;
    line-height: 90px;
    margin-top: 15px;
}
/* .ks .title .days span{
    width: 42px;
    height: 56px;
    background: url(../images/djs.png) no-repeat center center;
    font-size: 53px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 56px;
	letter-spacing: 15px;
	color: #ffffff;
    padding-left: 5px;
    margin-right: 10px;
} */
.ks .title .days span {
    width: 42px;
    height: 56px;
    background: url(../images/djs.png) no-repeat center center;
    font-size: 50px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 56px;
    letter-spacing: 15px;
    color: #ffffff;
    padding-left: 6px;
    margin-right: 10px;
    margin-left: 10px;
}
.ke1 {
    width: 692px;
    height: 170px;
    background-color: #ffffff;
    border-radius: 10px;
    display: flex;
    margin-top: 35px;
    align-items: center;
    transition: all .3s linear;
}
.ke1 .left img{
    width: 150px;
    margin:0px 20px;
}
.ke1 .right .ke_title{
    font-family: Microsoft YaHei;
	font-size: 22px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #000000;
    
}
.ke1 .right .ke_into{
    font-family: "Microsoft YaHei";
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 23px;
	letter-spacing: 0px;
	color: #9c9eb2;
    padding-right: 20px;
}
.time_line{
    
	height: 483px;
	background-image: linear-gradient(-1deg, 
		#e5ecff 0%, 
		#f3f3fa 50%, 
		rgba(249, 249, 255, 1) 100%), 
	linear-gradient(
		#ffffff, 
		#ffffff);
	background-blend-mode: normal, 
		normal;
	box-shadow: 0px 0px 7px 0px 
		rgba(0, 0, 0, 0.06);
	border-radius: 10px;
    margin-top: 10px;
    padding:25px;
}
.ke1:hover{
    -webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}
.items{
    display: flex;
    flex-direction: column;
    padding-left: 20px;
}
.items .timu{
    display: flex;
    
}
.items.bj2 .timu{
    margin-top: 15px;
}
.items.bj3 .timu{
    margin-top: 15px;
}
.items.bj4 .timu{
    margin-top: 15px;
}
.items.bj5 .timu{
    margin-top: 15px;
}
.left_timu{
    width: 85px;
	height: 27px;
	background-color: #649cf0;
	border-radius: 14px;
    font-family: "Microsoft YaHei";
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 27px;
	letter-spacing: 0px;
	color: #ffffff;
    text-align: center;
}
.right_timu {
    font-family: "Microsoft YaHei";
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 25px;
    letter-spacing: 1px;
    color: #f98545;
    padding-left: 8px;
}
.jies{
    background-color: #e9efff;
	border-radius: 5px;
	border: solid 1px rgba(255, 255, 255, 0.58);
    width: 261px;
    padding:5px 29px;
    margin-top: 9px;
    display: flex;
    flex-wrap: wrap;
}
.jies a{
    font-family: "Microsoft YaHei";
	font-size: 13px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: 1px;
	color: #000000;
    padding:0px 5px;
}
.bj1{
    background: url(../images/line1.png) no-repeat 0px 0px;
    height:90px;
}
.bj2{
    background: url(../images/line2.png) no-repeat 0 0;
    height:105px;
}
.bj3{
    background: url(../images/line3.png) no-repeat 0 0;
    height:105px;
}
.bj4{
    background: url(../images/line4.png) no-repeat 0 0;
   height:82px;
}
.bj5{
    background: url(../images/line5.png) no-repeat 0 0;
    height: 60px;
}
.code {
    height: 210px;
    background-color: #ffffff;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.06);
    border-radius: 10px;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.code h3 {
    font-family: "Microsoft YaHei";
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #000000;
}
.code p{
    font-family: AdobeHeitiStd-Regular;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 50px;
	letter-spacing: 0px;
	color: #000000;
}
.code img {
    width: 100px;
    height: 100px;
    background-color: #ffffff;
    border-radius: 10px;
    border: solid 1px rgba(0, 0, 0, 0.11);
    padding: 2px;
}
.si_fw{
    display: flex;
    justify-content: space-between;
}
.si_fw .eachfu{
    width: 271px;
	height: 463px;
	background-image: linear-gradient(-1deg, 
		#649cf0 0%, 
		#abc9f8 12%, 
		#f1f5ff 38%), 
	linear-gradient(
		#ffffff, 
		#ffffff);
	background-blend-mode: normal, 
		normal;
	border-radius: 10px;
	border: solid 3px #ffffff;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.si_fw .eachfu h4{
    font-family: Microsoft YaHei;
	font-size: 31px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 80px;
	letter-spacing: 0px;
	color: #000000;
}
.si_fw .eachfu.se1 h5{
    background: url(../images/gou1.png) no-repeat 0 center;
    background-size: 16px 16px;
    height: 20px;
    padding-left: 20px;
    font-family: Microsoft YaHei;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 20px;
	letter-spacing: 0px;
	color: #a7aac5;
}
.si_fw .eachfu.se1 h5{
    background: url(../images/gou1.png) no-repeat 0 center;
    background-size: 16px 16px;
    height: 20px;
    padding-left: 20px;
    font-family: Microsoft YaHei;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 20px;
	letter-spacing: 0px;
	color: #a7aac5;
}
.si_fw .eachfu.se2 h5{
    background: url(../images/gou2.png) no-repeat 0 center;
    background-size: 16px 16px;
    height: 20px;
    padding-left: 20px;
    font-family: Microsoft YaHei;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 20px;
	letter-spacing: 0px;
	color: #a7aac5;
}
.si_fw .eachfu.se3 h5{
    background: url(../images/gou3.png) no-repeat 0 center;
    background-size: 16px 16px;
    height: 20px;
    padding-left: 20px;
    font-family: Microsoft YaHei;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 20px;
	letter-spacing: 0px;
	color: #a7aac5;
}
.si_fw .eachfu.se4 h5{
    background: url(../images/gou4.png) no-repeat 0 center;
    background-size: 16px 16px;
    height: 20px;
    padding-left: 20px;
    font-family: Microsoft YaHei;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 20px;
	letter-spacing: 0px;
	color: #a7aac5;
}
.si_fw .eachfu.se1 p{
    font-family: Microsoft YaHei;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #1841a7;
    text-align: center;
}
.si_fw .eachfu.se2 p{
    font-family: Microsoft YaHei;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #7f4ea8;
    text-align: center;
}
.si_fw .eachfu.se3 p{
    font-family: Microsoft YaHei;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #029492;
    text-align: center;
}
.si_fw .eachfu.se4 p{
    font-family: Microsoft YaHei;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #1865a7;
    text-align: center;
}
.title_h2 {
    text-align: center;
    height: 80px;
    font-family: Microsoft YaHei;
    font-size: 31px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 110px;
    letter-spacing: 0px;
    color: #000000;
}
.title_h3 {
    text-align: center;
    font-family: Microsoft YaHei;
    font-size: 17px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #8c8fa6;
    margin-bottom: 0px;
}
.title_h3_f{
    text-align: center;
    font-family: Microsoft YaHei;
    font-size: 17px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #8c8fa6;
    margin-bottom: 40px;
}
.drh_right h3 {
    font-family: "Microsoft YaHei";
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0px;
    color: #000000;
    margin-top: 0px;
    text-align: center;
}
.dsih_right h2 {
    height: 20px;
    font-family: Microsoft YaHei;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0px;
    color: #000000;
    text-align: center;
    margin-bottom: 0px;
}
.dsih_right h3 {
    height: 15px;
    font-family: "Microsoft YaHei";
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 15px;
    letter-spacing: 0px;
    color: #000000;
    text-align: center;
}
.dsih_right h4 {
    font-family: "Microsoft YaHei";
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #454abb;
    margin-top: 0px;
    text-align: center;
}
.cankj{
    text-decoration: line-through;
    height: 16px;
	font-family: "Microsoft YaHei";
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 23px;
	letter-spacing: 1px;
	color: #9c9eb2;
    text-align: center;
}
.liank{
    font-family: "Microsoft YaHei";
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #000000;
    text-align: center;
}
.liank span {
    font-family: HarmonyOS_Sans_SC_Black;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 0px;
    color: #ff4f19;
    margin-left: 5px;
}
.jinjxt {
    height: 20px;
    font-family: Microsoft YaHei;
    font-size: 21px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0px;
    color: #000000;
}
.jinjxt span{
    font-family: Microsoft YaHei;
	font-size: 27px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #ff7800;
}
.kcjs{
    display: flex;
    flex-direction: column;
    margin-bottom: 50px;
}
.dyh{
    display: flex;
}
.dyh_left{
    width: 40px;
    height: 53px;
}
.dyh_right{
    flex:1;
    display: flex;
    justify-content: space-between;
}

.dyh_right_title3,.dyh_right_title2,.dyh_right_title1{
    background-image: linear-gradient(
		#efefef, 
		#efefef), 
	linear-gradient(
		#649cf0, 
		#649cf0);
	background-blend-mode: normal, 
		normal;
	border-radius: 10px 10px 0px 0px;
    text-align: center;
    height: 53px;
    line-height: 53px;
    border-radius: 10px 10px 0px 0px;
    flex:1;
    font-family: Microsoft YaHei;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
    color: #447ed5;
    cursor: pointer;
}
.dyh_right_title3,.dyh_right_title2{
    border-left:1px solid #fff;
}
.dyh_right_title1.active{
    height: 53px;
	background-image: linear-gradient(
		#649cf0, 
		#649cf0), 
	linear-gradient(
		#649cf0, 
		#649cf0);
	border-radius: 10px 10px 0px 0px;
    flex:1;
    font-family: Microsoft YaHei;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 53px;
	letter-spacing: 0px;
	color: #ffffff;
    text-align: center;
}
.dyh_right_title2.active{
    text-align: center;
     flex:1;
    height: 53px;
	background-image: linear-gradient(
		#dda5f8, 
		#dda5f8), 
	linear-gradient(
		#649cf0, 
		#649cf0);
	background-blend-mode: normal, 
		normal;
	border-radius: 10px 10px 0px 0px;
    font-family: Microsoft YaHei;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 53px;
	letter-spacing: 0px;
	color: #ffffff;
    border-left:1px solid #fff;
}
.dyh_right_title3.active{
    text-align: center;
    height: 53px;
	background-image: linear-gradient(
		#fdb633, 
		#fdb633), 
	linear-gradient(
		#649cf0, 
		#649cf0);
	background-blend-mode: normal, 
		normal;
	border-radius: 10px 10px 0px 0px;
    flex:1;
    font-family: Microsoft YaHei;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 53px;
	letter-spacing: 0px;
	color: #ffffff;
    border-left:1px solid #fff;
}
.drh_left{
    width: 40px;
    text-align: center;
    height: 380px;
    background-color: #649cf0;
	border-radius: 10px 0px 0px 0px;
    border-bottom: solid 1px #ffffff;
    writing-mode: vertical-rl;
    font-size: 22px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 6px;
	color: #ffffff;
}
.drh{
    display: flex;
}
/* .drh_right{
    display: none;
}
.drh_right.active{
    display: block;
    flex:1;
} */
.drh_right_son{
    height: 380px;
    display: flex;
    justify-content: space-between;
    border-bottom: solid 1px #e6e6e6;
}
.drh_right_nr1{
    background: #fff;
    flex:1;
    border-right:1px solid #e6e6e6;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 0px;
}
.drh_right_nr1 img,.drh_right_nr2 img,.drh_right_nr3 img{
    width: 90%;
}
.drh_right_nr1 p,.drh_right_nr2 p,.drh_right_nr3 p{
    font-family: "Microsoft YaHei";
	font-size: 19px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 20px;
	letter-spacing: 0px;
	color: #000000;
}
.drh_right_nr1 h3{
    font-family: Microsoft YaHei;
	font-size: 26px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #1e6adc;
}
.drh_right_nr2 h3{
    font-family: Microsoft YaHei;
	font-size: 26px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #974de3;
}
.drh_right_nr3 h3{
    font-family: Microsoft YaHei;
	font-size: 26px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #8b641b;
}
.drh_right_nr2{
    background: #fff;
    flex:1;
    border-right:1px solid #e6e6e6;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 0px;
}
.drh_right_nr3{
    background: #fff;
    flex:1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 0px;
}
.drh_right_nr87,.drh_right_nr88{
    background: #fff;
    flex:0.5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.drh_right_nr87,.dsih_right_nr87{
    border-right:1px solid #ddd;
}
.dsih_right_nr87,.dsih_right_nr88 {
    display: flex;
    flex: 0.5;
    flex-direction: column;
    align-items: center;
    background: #fff;
    justify-content: space-between;
    padding-bottom: 50px;
}
.drh_right_nr1 h4{
    font-family: "Microsoft YaHei";
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 20px;
	letter-spacing: 0px;
	color: #1e6adc;
}
.drh_right_nr2 h4{
    font-family: "Microsoft YaHei";
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 20px;
	letter-spacing: 0px;
	color: #974de3;
}
.drh_right_nr3 h4{
    font-family: "Microsoft YaHei";
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 20px;
	letter-spacing: 0px;
	color: #8b641b;
}
.dsh_left{
    width: 40px;
    text-align: center;
    height: 150px;
    background-color: #649cf0;
    border-bottom: solid 1px #ffffff;
    writing-mode: vertical-rl;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 6px;
    color: #ffffff;
}
.dsh{
    display: flex;
    border-bottom: solid 1px #e6e6e6;
}
.dsh_right{
    flex:1;
    display: flex;
}
.dsh_right_nr1{
    flex:1;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    border-right:solid 1px #e6e6e6;
    justify-content: center;
}
.dsh_right_nr2{
    flex:1;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    border-right:solid 1px #e6e6e6;
    justify-content: center;
}
.dsh_right_nr3{
    flex:1;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
   justify-content: center;
}
.dsh_right h3{
    font-family: "Microsoft YaHei";
	font-size: 19px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 20px;
	letter-spacing: 0px;
	color: #000000;
}
.dsh_right p{
    font-family: "Microsoft YaHei";
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #8b8c8c;
}
.dsh_right p span{
    font-family: HarmonyOS_Sans_SC_Black;
	font-size: 26px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 20px;
	letter-spacing: 0px;
	color: #454abb;
    margin-right: 10px;
}
.dsih{
    display: flex;
}
.dsih_left{
    width: 40px;
    text-align: center;
    height: 440px;
    background-color: #649cf0;
    border-radius: 0px 0px 0px 10px;
    border-top: solid 1px #ffffff;
    writing-mode: vertical-rl;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 6px;
    color: #ffffff;
}
/* .dsih_right{
    display: none;
} */
.dsih_right{
    flex:1;
    
}
.dsih_right_son{
    display: flex;
    height: 340px;
}
.dsih_right_nr1{
    display: flex;
    flex:1;
    flex-direction: column;
    align-items: center;
    background: #fff;
    border-right: 1px solid #e6e6e6;
    justify-content: center;
    padding-bottom: 20px;
}
.dsih_right_nr2{
    display: flex;
    flex:1;
    flex-direction: column;
    align-items: center;
    background: #fff;
    border-right: 1px solid #e6e6e6;
    justify-content: center;
    padding-bottom: 20px;
}
.dsih_right_nr2.gaoji{
    justify-content: center;
}
.dsih_right_nr3{
    display: flex;
    flex:1;
    flex-direction: column;
    align-items: center;
    background: #fff;
    justify-content: center;
    padding-bottom: 20px;
}
.dsih_right_nr1.gaoji{
    justify-content: center;
}
.teach {
    display: flex;
    width: 80%;
    justify-content: space-evenly;
    margin-bottom: 30px;
}
.teacher1{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.teacher1 img{
    width: 80%;
    margin-bottom: 10px;
}
.teacher1 p{
    font-family: "Microsoft YaHei";
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 20px;
	letter-spacing: 0px;
	color: #8b8c8c;
}
.dsih_right .buts{
    display: flex;
    justify-content: space-between;
    width: 75%;
    margin-top: 15px;
}
.dsih_right a, .dsih_right .jie_course {
    width: 44%;
    text-align: center;
    background-color: #e2edff;
    border-radius: 7px;
    border: solid 1px #3a78ff;
    height: 32px;
    font-family: "Microsoft YaHei";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 29px;
    letter-spacing: 1px;
    color: #3a78ff;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.dsih_right a:hover,.dsih_right .jie_course:hover{
    transform: scale(1.05);
}
.shizi{
    height: 576px;
    background: url(../images/shizi.jpg) no-repeat center center;
    margin:90px auto;
    background-image: linear-gradient(-1deg, 
		#e5ecff 0%, 
		#f3f3fa 50%, 
		rgba(249, 249, 255, 1) 100%), 
	linear-gradient(
		#fefeff, 
		#fefeff);
	background-blend-mode: normal, 
		normal;
	box-shadow: 0px 0px 7px 0px 
		rgba(0, 0, 0, 0.06);
}
.shizi .center{
    display: flex;
    height: 100%;
    justify-content: space-evenly;
}
.shizi_left{
    flex:1;
    display: flex;
    flex-direction: column;
    width: 300px;
}
.shizi_title{
    align-self: self-end;
}
.shizi_title h2{
    text-align: center;
    font-family: Microsoft YaHei;
	font-size: 31px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #000000;
   padding-top: 30px;
}
.shizi_title h3{
    text-align: center;
    font-family: Microsoft YaHei;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #a7aac5;
}
.shizi_top {
    display: flex;
    flex-direction: column;
    width: 80%;
    align-self: flex-end;
}
.zj1_title{
    width: 156px;
    height: 32px;
    background: url(../images/title_bak.png) no-repeat 0 0;
    line-height: 30px;
    color: #fff;
    padding-left: 20px;
    font-family: Microsoft YaHei;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 4px;
}
.zlyuzj{
    display: flex;
    justify-content: space-between;
}
.shizi_top p{
    font-family: "Microsoft YaHei";
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 0px;
	color: #646a73;
    padding-left: 20px;
    margin:15px 0px;
}
.zlyuzj{
    margin-top: 30px;
}
.zhjianer{
    margin-top:10px;
}
.shizi .center .shizi_right{
    align-self: flex-end;
    width: 460px;
}
.shizhi_bottom {
    display: flex;
    width: 80%;
    align-self: flex-end;
}
.right_shiting {
    width: 154px;
    height: 38px;
    align-self: flex-end;
    margin-bottom: 27px;
    cursor: pointer;
}
.left_lunbo{
    flex:1;
    height: 100px;
    width: 500px;
    position: relative;
}
.swiper {
    width: 100%;
    height: 100%;
    
}
.swiper.mySwiper1,.swiper.mySwiper4{
    position: relative;
}
.mySwiper1 .swiper-slide {
    text-align: center;
    font-size: 18px;
    width: 20%!important;
    height: 420px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.mySwiper4 .swiper-slide {
    text-align: center;
    font-size: 18px;
    width: 20%!important;
    height: 420px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.szjs_content .mySwiper1 .swiper-slide h2 {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0px;
    color: #4d4c4c;
    margin-top: 3px;
    margin-bottom: 2px;
}
.szjs_content .mySwiper4 .swiper-slide h2 {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0px;
    color: #4d4c4c;
    margin-top: 3px;
    margin-bottom: 2px;
}
.szjs_content{
    height: 455px;
}
.szjs_content .mySwiper1 .swiper-slide .km_all{
    font-family: "Microsoft YaHei";
    font-size:11px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 15px;
    letter-spacing: 0px;
    color: #9c9eb2;
    height: 40px;
    display: flex;
}
.szjs_content .mySwiper4 .swiper-slide .km_all{
    font-family: "Microsoft YaHei";
    font-size:11px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 15px;
    letter-spacing: 0px;
    color: #9c9eb2;
    height: 40px;
    display: flex;
}
.sqkm{
    width: auto;
    
}
.km_right{
    display: flex;
    flex-direction: column;
    flex:1;
    align-items: flex-start;
    height: 60px;
}
.er_span{
    
}
.th_span{
    
}
.mySwiper1 .swiper-slide .img_hover{
    overflow: hidden;
    width: 240px;
    height: 426px;
}
.mySwiper4 .swiper-slide .img_hover{
    overflow: hidden;
    width: 240px;
    height: 426px;
}
.mySwiper1 .swiper-slide img {
    display: block;
    width: 240px;
    height: 426px;
    margin-top: -15px;
    transition: all .5s ease .1s;
    
}
.mySwiper4 .swiper-slide img {
    display: block;
    width: 240px;
    height: 426px;
    margin-top: -15px;
    transition: all .5s ease .1s;
    
}
.mySwiper3 .swiper-slide{
    width: 100%;
    height: auto;
}
.mySwiper3 .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    
    transition: all .5s ease .1s;
    
}
.mySwiper1 .swiper-slide img:hover{
    transform: scale(1.07);
}
.mySwiper4 .swiper-slide img:hover{
    transform: scale(1.07);
}
.mySwiper1 .swiper-button-next:after,.mySwiper1 .swiper-rtl .swiper-button-prev:after {
    content: '';
}
.mySwiper4 .swiper-button-next:after,.mySwiper4 .swiper-rtl .swiper-button-prev:after {
    content: '';
}
.mySwiper1 .swiper-button-next{
    top: 40%;
    width: 31px;
	height: 31px;
    right:10px;
    left: auto;
    background: url(../images/gray_right_arrow.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.mySwiper4 .swiper-button-next{
    top: 40%;
    width: 31px;
	height: 31px;
    right:10px;
    left: auto;
    background: url(../images/gray_right_arrow.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.mySwiper1 .swiper-button-prev:after,.mySwiper1 .swiper-rtl .swiper-button-next:after {
    content: '';
}
.mySwiper4 .swiper-button-prev:after,.mySwiper4 .swiper-rtl .swiper-button-next:after {
    content: '';
}
.mySwiper1 .swiper-button-prev {
    top: 40%;
    width: 31px;
	height: 31px;
    left:10px;
    background: url(../images/gray_left_arrow.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.mySwiper4 .swiper-button-prev {
    top: 40%;
    width: 31px;
	height: 31px;
    left:10px;
    background: url(../images/gray_left_arrow.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.rcxx_title h2{
    text-align: center;
    height: 80px;
	font-family: Microsoft YaHei;
	font-size: 31px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 80px;
	letter-spacing: 0px;
	color: #000000;
}
.rcxx_title h3{
    text-align: center;
	font-family: Microsoft YaHei;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #a7aac5;
}
.rcxx_tabs{
    display: flex;
    justify-content: center;
}
.rcxx_tabs{
    /* background: url(../images/dot_xx.jpg) no-repeat center center; */
    background-size: 20px 20px;
    margin: 40px 0px 10px 0px;
}
.rcxx_tabs a{
    text-align: center;
    width: 275px;
	height: 31px;
	background-color: #ffffff;
	border-radius: 15px;
	border: solid 1px #ededed;
	opacity: 0.64;
	font-family: "Microsoft YaHei";
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #5d7fc0;
    margin:0px 10px;
    cursor: pointer;
    transition: all .5s ease .1s;
}
.rcxx_tabs a.active{
    text-align: center;
    width: 275px;
	height: 31px;
	background-color: #477fff;
	border-radius: 15px;
    font-family: Microsoft YaHei;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;
    margin:0px 10px;
    /* transition: all .5s ease .1s; */
}
.rcxx_tabs a:hover{
    transform: scale(1.08); 
}
.rcxx_contents .content{
    display: flex;
    background-color: #ffffff;
	border-radius: 10px;
    padding:35px;
}
.rcxx_content_right{
    display: flex;
    flex-direction: column;
    padding-left: 35px;
}
.rcxx_content_right a .rcxx_date{
    font-family: HarmonyOS_Sans_SC;
	font-size: 11px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 18px;
	letter-spacing: 0px;
	color: #515151;
}
.rcxx_content_right a .rcxx_date span{
    font-family: Microsoft YaHei;
	font-size: 27px;
	font-weight: bolder;
	font-stretch: normal;
	line-height: 20px;
	letter-spacing: 0px;
	color: #000000;
    margin-right: 10px;
}
.rcxx_content_right a h2{
    font-family: Microsoft YaHei;
	font-size: 18px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 18px;
	letter-spacing: 0px;
	color: #000000;
}
.rcxx_content_right a p{
    font-family: HarmonyOS_Sans_SC;
	font-size: 11px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 15px;
	letter-spacing: 0px;
	color: #515151;
}
.rcxx_content_right a.see_more_rcxx{
    text-align: center;
    width: 87px;
	height: 28px;
	background-color: #ffffff;
	border-radius: 13px;
	border: solid 1px #3a78ff;
    font-family: "Microsoft YaHei";
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 29px;
	letter-spacing: 1px;
	color: #3a78ff;
    align-self: self-end;
}
.ckzlb_content{
    display: flex;
    flex-direction: column;
    align-items: center;
    height: auto;
	background-color: #e6ebf6;
	box-shadow: 0px 0px 4px 0px 
		rgba(102, 129, 207, 0.27);
	border-radius: 10px;
    padding:35px;
}
.top_three{
    display: flex;
}
.ckzlb_content .zlb1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 383px;
    height: auto;
    background-image: linear-gradient(-70deg, #e5ecff 0%, #e5ecff 1%, #f3f3fa 23%, #f9f9fd 49%, rgba(255, 255, 255, 1) 100%), linear-gradient(#ffffff, #ffffff);
    background-blend-mode: normal, normal;
    padding: 30px;
}
.xing_ku{
    width: 300px;
    height: 190px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ckzlb_content .zlb1 img{
    width: 140px;
    height: auto;
}
.ckzlb_content .zlb1 .xing_ku.third img{
    width: 120px;
}
.ckzlb_content .zlb1 h2 {
    font-family: Microsoft YaHei;
    font-size: 31px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 45px;
    letter-spacing: 0px;
    color: #000000;
    margin-top: 0px;
}
.ckzlb_content .zlb1 p{
    font-family: "Microsoft YaHei";
	font-size: 17px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 0px;
	color: #000000;
    text-align: center;
}
.ckzlb_content .zlb1 h3{
    background: url(../images/xing.png) no-repeat 0px center;
    font-family: Microsoft YaHei;
	font-size: 17px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 13px;
	letter-spacing: 0px;
	color: #a7aac5;
    padding-left: 18px;
}
.ckzlb{
    margin-bottom: 80px;
}
.ckzlb_title h2{
    text-align: center;
    height: 80px;
    font-family: Microsoft YaHei;
    font-size: 31px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 110px;
    letter-spacing: 0px;
    color: #000000;
}
.ckzlb_title p{
    text-align: center;
    font-family: Microsoft YaHei;
    font-size: 17px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #8c8fa6;
    margin-bottom: 40px;
}
.lxwm{
    width: 187px;
	height: 42px;
	background: #477fff url(../images/lxwm.jpg) no-repeat 30px 10px;
	border-radius: 21px;
    text-align: center;
    font-family: Microsoft YaHei;
	font-size: 21px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #ffffff;
    padding-left: 20px;
    margin-top: 30px;
    transition: all .5s ease .1s;
    position: relative;
}
.lxwm img {
    position: absolute;
    width: 180px;
    height:180px;
    left: 50%;
    bottom: -190px;
    display: none;
    margin-left: -90px;
}
.lxwm:hover{
    transform: scale(1.1); 
}
.lxwm:hover{
    color: #ffffff!important;
}
.lxwm:hover img{
    display: block;
}
.hs{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

footer{
    height: auto;
	background-color: #6b7485;
    padding-top: 60px;
    padding-bottom: 50px;
}
footer .center{
    display: flex;
    justify-content: space-between;
}
footer .center .left_links{
    display: flex;
}
footer .center .right_codes{
    display: flex;
}
.links1{
    display: flex;
    flex-direction: column;
    margin-right: 60px;
    align-items: self-start;
}
.links1 h2{
    font-family: "Microsoft YaHei";
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 20px;
	letter-spacing: 0px;
	color: #ffffff;
}
.links1 a{
    font-family: "Microsoft YaHei";
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 28px;
	letter-spacing: 0px;
	color: #a0adc1;
}
.codes1{
   
    margin-left: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.codes1 img{
    padding:0px;
    background-color: #fff;
    width: 98px;
    height: 98px;
}
.codes1 p{
    height: 30px;
	font-family: "Microsoft YaHei";
	font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;
}
.title_h4,.title_h4 a{
    font-family: "Microsoft YaHei";
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 23px;
	letter-spacing: 1px;
	color: #656777;
    display: flex;
    justify-content: space-between;
}
.title_h4 a{
    font-family: "Microsoft YaHei";
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 18px;
	letter-spacing: 1px;
	color: #656777;
    display: flex;
    justify-content: space-between;
    background: url(../images/more_arrow.png) no-repeat right center;
    background-size: 20px 20px;
    width: 55px;
    height: 20px;
    transition: all .5s ease .1s;
}
.title_h4 a:hover{
    transform: translateX(10px);
}

/* 日常学习开始 */
.fwzc_son{  
    padding-bottom: 20px;
}
.fwzc_son .center{
    height: 390px;
    background: url(../images/fwzc.png) no-repeat 0 0;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left:40px;
    margin-top: 60px;
}
.fwzc_son .center .left {
    width: 1px;
    flex: 1;
    padding-right: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.fwzc_son .center .left h2 {
    font-family: "Microsoft YaHei";
    font-size: 17px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 23px;
    letter-spacing: 0px;
    color: #000000;
    width: 84%;
    text-align: justify;
}
.fwzc_son_item{
    display: flex;
    margin-top: 20px;
    align-items: center;
}
.fwzc_son_item .left_img{
    width: 88px;
	height: 69px;
    margin-right: 15px;
}
.fwzc_son_item .left_img img{
    width:100%;
    height:100%;
}
.fwzc_son_item .right_content h3{
    font-family: Microsoft YaHei;
	font-size: 22px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 20px;
	letter-spacing: 0px;
	color: #000000;
}
.fwzc_son_item .right_content p{
    font-family: "Microsoft YaHei";
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 23px;
	letter-spacing: 0px;
	color: #767989;
}
.fwzc_son .center .right {
    width: 387px;
    height: 311px;
    padding-top: 26px;
    padding-right: 30px;
}
.fwzc_son .center .right img{
    width:100%;
    height:100%;
}
.tab_item_content{
    display: none;
}
.tab_item_content.active{
    display: block;
}
.tab_item_content_son{
    display: flex;
    justify-content: space-between;
    height: 535px;
}
.white_img{
    width: 590px;
	height: 372px;
	background-color: #ffffff;
	border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.white_img_son{
    width: 568px;
	height: 350px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.white_img img{
    width: 568px;
	height: 350px;
    transition: all .5s ease .1s;
}
.white_img img:hover{
    transform: scale(1.1);
}
.tong_content {
    width: 589px;
    background-color: #ffffff;
    border-radius: 5px;
    padding: 15px 20px;
    border-bottom: 1px solid #fff;
}
.tong_content_left{
    background-color: #ffffff;
	border-radius: 5px;
    padding:15px 20px;
    width: 590px;
    border-bottom: 1px solid #fff;
}
.tong_content h3{
    font-family: "Microsoft YaHei";
	font-size: 22px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 35px;
	letter-spacing: 0px;
	color: #000000;
    margin-top: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0px;
}
.tong_content_left h3{
    font-family: "Microsoft YaHei";
	font-size: 22px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: 0px;
	color: #000000;
    margin-top:5px;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0px;
}
.tong_content p{
    font-family: "Microsoft YaHei";
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 29px;
	letter-spacing: 0px;
	color: #5d5d5d;
	opacity: 0.77;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}
.tong_content_left p{
    font-family: "Microsoft YaHei";
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 29px;
	letter-spacing: 0px;
	color: #5d5d5d;
	opacity: 0.77;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}
.dates{
    display: flex;
    justify-content: space-between;
}
.dates .seemore{
    background:url(../images/gray_right_arrow.png) no-repeat center right;
    background-size: 11px 11px;
    width: 77px;
	height: 14px;
	font-family: "Microsoft YaHei";
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 14px;
	letter-spacing: 1px;
	color: #a8a8a8;
}
.dates .date{
    font-family: "Microsoft YaHei";
	font-size: 17px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 15px;
	letter-spacing: 0px;
	color: #878787;
	opacity: 0.55;
}
.right_second,.left_first{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap:10px;
    flex:1;
    align-items: flex-end;
}
.right_second a:first-child{
    display: none;
}
.responsive-iframe{
    width: 100%;
    border:0px;
    height: 800px;
}
.zpage a{
    font-family: "Microsoft YaHei";
    font-size: 12px;
    color:#5d5d5d;
}
.rcxx{
    margin-bottom: 100px;
}
.tabs_list{
    display: flex;
    margin-top: 70px;
}
.tabs_list .tabs_list_item{
    cursor: pointer;
    display: flex;
    height: 60px;
	font-family: "Microsoft YaHei";
	font-size: 26px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #a1a1a1;
    padding-right: 40px;
    padding-bottom: 10px;
}
/* .tabs_list .tabs_list_item span{
    display: block;
    background: url(../images/lan_r2.png) no-repeat 0px center;
    background-size: 24px 30px;
    width: 24px;
    height: 30px;
} */
.tabs_list .tabs_list_item.active{
    background: url(../images/bottom_line.png) no-repeat center bottom;
    background-size: 67px 6px;
    height: 60px;
	font-family: "Microsoft YaHei";
	font-size: 26px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #1f67e4;
    padding-right: 40px;
    padding-bottom: 10px;
}
/* .tabs_list .tabs_list_item.active span{
    background: url(../images/lan_r.png) no-repeat 0px center;
    background-size: 24px 30px;
    display: block;
    width: 24px;
    height: 30px;
	
} */
.tabs_list .ren1 span{
    background: url(../images/ren2.png) no-repeat 0px center;
    background-size: 24px 30px;
    display: block;
    width: 24px;
    height: 30px;
	
}
.tabs_list .ren1.active span{
    background: url(../images/ren1.png) no-repeat 0px center;
    background-size: 24px 30px;
    display: block;
    width: 24px;
    height: 30px;
	
}
.tabs_list .ren3 span{
    background: url(../images/ren4.png) no-repeat 0px center;
    background-size: 24px 30px;
    display: block;
    width: 24px;
    height: 30px;
	
}
.tabs_list .ren3.active span{
    background: url(../images/ren3.png) no-repeat 0px center;
    background-size: 24px 30px;
    display: block;
    width: 24px;
    height: 30px;
	
}
.tabs_list_content{
    display: none;
}
.tabs_list_content.active{
    display: block;
}
.detail h2 {
    font-family: HarmonyOS_Sans_SC;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 35px;
    letter-spacing: 0px;
    color: #000000;
    margin-top: 50px;
    margin-bottom: 20px;
}
.detail .info{
    font-family: HarmonyOS_Sans_SC;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 0px;
	color: #5d5d5d;
	opacity: 0.77;
    display: flex;
}
.detail .info span{
    margin-right: 50px;
}
.detail_content{
    margin-bottom: 80px;
}
.detail p,.detail .detail_content p,.detail .detail_content div{
    font-family: HarmonyOS_Sans_SC;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 31px;
	letter-spacing: 0px;
	color: #000000;
	opacity: 0.77;
    margin-bottom: 30px;
}
.detail .line {
    width: 100%;
    height: 1px;
    border: solid 1px #a7aac5;
    opacity: 0.51;
    margin-top: 25px;
    margin-bottom: 25px;
}
.list .line {
    width: 100%;
    height: 1px;
    border: solid 1px #a7aac5;
    opacity: 0.51;
    margin-top: 5px;
    margin-bottom: 25px;
}
.list h4{
    font-family: Microsoft YaHei;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 35px;
	letter-spacing: 0px;
	color: #000000;
}
.list p{
    font-family: HarmonyOS_Sans_SC;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 0px;
	color: #5d5d5d;
	opacity: 0.77;
}
.list .tabs_list_content ul li a{
    display: flex;
    flex-direction: column;
}
.list .tabs_list_content ul li a p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}
.list .tabs_list_content .date_list{
    align-self: flex-end;
    font-family: "Microsoft YaHei";
	font-size: 17px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #878787;
	opacity: 0.55;
}



/* 日常学习结束 */

@media (max-width:1750px) {
    .center_bak{
        display: none;
    }
    /* .banner{
        height: 370px;
        background: url(../images/banner_center.jpg) no-repeat 0 0;
        background-size: 100% 100%;
    } */
}
@media (max-width:1650px) {
    /* .banner{
        height: 310px;
        background: url(../images/banner_center.jpg) no-repeat 0 0;
        background-size: 100% 100%;
    } */
}
@media (max-width:1550px) {
    .ckzlb_content .zlb1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 33.3%;
        height: auto;
        background-image: linear-gradient(-70deg, #e5ecff 0%, #e5ecff 1%, #f3f3fa 23%, #f9f9fd 49%, rgba(255, 255, 255, 1) 100%), linear-gradient(#ffffff, #ffffff);
        background-blend-mode: normal, normal;
        padding: 30px;
    }
    /* .banner{
        height: 280px;
        background: url(../images/banner_center.jpg) no-repeat 0 0;
        background-size: 100% 100%;
    } */
}
@media (max-width:1200px) {
    .kszx .center .kszx_left {
        flex: 1;
        display: flex;
        flex-direction: column;
        background: #6493ff;
        border-radius: 10px;
        width: 60%;
    }
    .drh_new_right .swiper-pagination {
        position: absolute;
        text-align: center;
        transition: .3s opacity;
        transform: translate3d(0, 0, 0);
        z-index: 10;
        left: 40px;
        top: -53px;
        width: 96%;
        display: flex;
        height: 53px;
        gap: 1px;
    }
    .tab_item_content_son {
        display: flex;
        justify-content: space-between;
        height: auto;
        flex-direction: column;
    }
    .white_img {
        width: 100%;
        height: auto;
        background-color: #ffffff;
        border-radius: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 15px;
    }
    .tong_content_left {
        background-color: #ffffff;
        border-radius: 5px;
        padding: 15px 20px;
        width: 100%;
    }
    .tong_content {
        width: 100%;
        background-color: #ffffff;
        border-radius: 5px;
        padding: 20px 20px;
    }
    .szjs_content {
        height: 440px;
        padding: 0px 15px;
    }
    .shizi .center .shizi_right {
        display: none;
    }
    .mySwiper1 .swiper-button-prev{
        top: 33%;
        width: 23px;
        height: 23px;
        left: 3px;
        background: url(../images/gray_left_arrow.png) no-repeat 0 0;
        background-size: 100% 100%;
    }
    .mySwiper4 .swiper-button-prev{
        top: 33%;
        width: 23px;
        height: 23px;
        left: 3px;
        background: url(../images/gray_left_arrow.png) no-repeat 0 0;
        background-size: 100% 100%;
    }
    .mySwiper1 .swiper-button-next {
        top: 33%;
        width: 23px;
        height: 23px;
        right: 3px;
        left: auto;
        background: url(../images/gray_right_arrow.png) no-repeat 0 0;
        background-size: 100% 100%;
    }
    .mySwiper4 .swiper-button-next {
        top: 33%;
        width: 23px;
        height: 23px;
        right: 3px;
        left: auto;
        background: url(../images/gray_right_arrow.png) no-repeat 0 0;
        background-size: 100% 100%;
    }
    .left_lunbo {
        flex: 1;
        height: 100px;
        width: 100%;
        position: relative;
    }
    .shizi_title {
        align-self: center;
    }
    .shizi_top {
        display: flex;
        flex-direction: column;
        width: 100%;
        align-self: flex-start;
    }
    .shizi_left {
        flex: 1;
        display: flex;
        flex-direction: column;
        width: 300px;
        padding: 0px 20px 30px;
    }
    .shizi {
        height: auto;
        background: url(../images/shizi.jpg) no-repeat center center;
        margin: 90px auto;
        background-image: linear-gradient(-1deg, #e5ecff 0%, #f3f3fa 50%, rgba(249, 249, 255, 1) 100%), linear-gradient(#fefeff, #fefeff);
        background-blend-mode: normal, normal;
        box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.06);
    }
    .right_shiting {
        width: 154px;
        height: 38px;
        align-self: center;
        margin-bottom: 6px;
        margin-top: 20px;
    }
    .mySwiper1 .swiper-slide {
        text-align: center;
        font-size: 12px;
        width: 20% !important;
        height: 251px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .mySwiper4 .swiper-slide {
        text-align: center;
        font-size: 12px;
        width: 50% !important;
        height: 251px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .shizhi_bottom {
        display: flex;
        width: 80%;
        align-self: center;
        flex-direction: column;
    }
    .swiper {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .shizi .center .shizi_right img{
        width: 100%;
    }
    .center {
        width: 100%;
        margin: 0px auto;
        padding: 10px 0px 10px 2px;
    }
    .footer_p{
        padding: 0px !important;
        font-size: 10px !important;
        line-height: 18px;
    }
    .footer_p p{
        font-size: 10px !important;
    }
    .banner_rcxx {
        height: auto;
    }
    .center_rcxx {
        width: 100%;
        margin: 0px auto;
    }
    .center_rcxx img{
        width: 100%;
    }
    .sgpt{
        width: 70%;
    }
    .ks{
        width: 29%;
    }
    .sgpt_ks {
        margin-top: 15px;
    }
    .jibie1_son {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .shuomin {
        background: none;
        height: auto;
        /* background-size: 1100px 49px; */
        display: flex;
        flex-direction: column;
    }
    .left_logs {
        background: url(../images/tubiao1.png) no-repeat 0px bottom;
        background-size: 20px 20px;
        font-size: 14px;
        font-weight: bold;
        font-stretch: normal;
        line-height: 23px;
        letter-spacing: 0px;
        color: #2b68eb;
        padding-left: 18px;
        width: 100%;
        height: 100%;
    }
    .left_logs.b_j2 {
        background: url(../images/tubiao2.png) no-repeat 0px bottom;
        background-size: 20px 20px;
    }
    .left_logs.b_j3 {
        background: url(../images/tubiao3.png) no-repeat 0px bottom;
        background-size: 20px 20px;
    }
    .left_logs.b_j4 {
        background: url(../images/tubiao4.png) no-repeat 0px bottom;
        background-size: 20px 20px;
    }
    .right_logs {
        background: url(../images/lansanj.png) no-repeat 5px 21px;
        background-size: 10px 10px;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 24px;
        letter-spacing: 2px;
        color: #696969;
        padding-left: 23px;
        margin-left: 10px;
    }
    .zhuxue_code {
        background: rgba(255, 255, 255, 0.86);
        height: auto;
        border-radius: 20px;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        flex-direction: column;
        padding:20px;
    }
    .sh_line {
        width: 1px;
        height: 146px;
        background: #dcdcdc;
        display: none;
    }
    .zhuxue_code_left {
        display: flex;
        margin-bottom: 20px;
    }
    .zhuxue {
        height: auto;
        background: url(../images/zhuxue.jpg) no-repeat 0px 0px;
        background-size: 100% 100%;
        margin-bottom: 40px;
        padding-bottom: 30px;
    }
    .fuxi {
        height: auto;
        background: url(../images/ios_bk.jpg) no-repeat 0px 0px;
        background-size: 100% 100%;
    }
    .fuxi .center {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .banner_jcjf .center {
        position: absolute;
        height: 120px;
        left: 0px;
        margin-left: 0px;
        top: 70%;
    }
    .three_f h3 {
        font-size: 10px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 10px;
        letter-spacing: 0px;
        color: #000000;
        margin-top: 0px;
    }
    .three_f h2 {
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        line-height: 17px;
        letter-spacing: 0px;
        color: #3472ff;
    }
    .ff1, .ff2, .ff3 {
        transition: all .3s linear;
        cursor: pointer;
        flex: 1;
        padding-left: 5px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .three_f {
        width: 100%;
        height: 100%;
        gap: 5px;
        display: flex;
    }
    .jiebie_detail_right {
        height: 285px;
        width: 24px;
        background: url(../images/jibie_bk2.png) no-repeat 0px 0px;
        background-size: 100% 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 8px 20px;
        align-items: center;
        text-align: justify;
        flex: 1;
    }
    .jiebie_detail_right h3{
        font-size: 13px;
        font-weight: bold;
    }
}
@media (max-width:1000px) {
    .kszx .center .kszx_left {
        flex: 1;
        display: flex;
        flex-direction: column;
        background: #6493ff;
        border-radius: 10px;
        width: 100%;
    }
    .sx a {
        font-size: 12px;
        font-weight: normal;
        letter-spacing: 2px;
        color: #6a6c71;
        height: 30px;
        line-height: 30px;
        padding: 0px 8px;
    }
    .sx .sum {
        font-size: 12px;
        height: 36px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 21px;
        letter-spacing: 0px;
        color: #000000;
        display: flex;
        margin: 10px 0px;
        align-items: center;
    }
    .sx .sum a {
        width: 100px;
        height: 30px;
        border-radius: 15px;
        background: #ececee url(../images/cha.png) no-repeat 6px center;
        background-size: 18px 18px;
        padding-left: 30px;
        line-height: 30px;
    }
    .taach_detail {
        width: 100%;
        display: flex;
        flex-direction: column;
        height: auto;
        background-color: #fefeff;
        box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.06);
        border-radius: 15px;
    }
    .drh_new_right .swiper-pagination-bullet {
        flex: 1;
        width: 386px;
        height: 40px;
        background: #efefef;
        border-radius: 10px 10px 0px 0px;
        opacity: 1;
        color: #447ed5;
        line-height: 40px;
        font-size: 14px;
        margin: 0px !important;
    }
    .drh_new_right .swiper-pagination-bullet-active {
        background: #649cf0;
        color: #fff;
    }
    .drh_new_right .swiper-pagination {
        position: absolute;
        text-align: center;
        transition: .3s opacity;
        transform: translate3d(0, 0, 0);
        z-index: 10;
        left: 42px;
        top: -40px;
        width: 94%;
        display: flex;
        height: 53px;
        gap: 1px;
    }
    .top_img {
        height: 160px;
        background: url(../images/zxkszx_img.png) no-repeat -1px -1px;
        background-size: 101% 101%;
        border-radius: 10px 10px 0px 0px;
    }
    .kszx .center {
        display: flex;
        margin-top: 0px;
        gap: 20px;
        margin-bottom: 20px;
        flex-direction: column;
    }
    .dates .seemore {
        background: url(../images/gray_right_arrow.png) no-repeat center right;
        background-size: 10px 10px;
        width: 52px;
        height: 14px;
        font-family: "Microsoft YaHei";
        font-size: 9px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 14px;
        letter-spacing: 1px;
        color: #a8a8a8;
    }
    .dates .date {
        font-family: "Microsoft YaHei";
        font-size: 11px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 15px;
        letter-spacing: 0px;
        color: #878787;
        opacity: 0.55;
    }
    .tong_content p {
        font-family: "Microsoft YaHei";
        font-size: 11px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 15px;
        letter-spacing: 0px;
        color: #5d5d5d;
        opacity: 0.77;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-word;
    }
    .tong_content_left p {
        font-family: "Microsoft YaHei";
        font-size: 11px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 15px;
        letter-spacing: 0px;
        color: #5d5d5d;
        opacity: 0.77;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-word;
    }
    .tong_content h3 {
        font-family: "Microsoft YaHei";
        font-size: 13px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 35px;
        letter-spacing: 0px;
        color: #000000;
        margin-top: 0px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .tong_content_left h3 {
        font-family: "Microsoft YaHei";
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 20px;
        letter-spacing: 0px;
        color: #000000;
        margin-top: 5px;
        margin-bottom: 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .fwzc_son .center .left h2 {
        font-family: "Microsoft YaHei";
        font-size: 12px;
        font-weight: bold;
        font-stretch: normal;
        line-height: 18px;
        letter-spacing: 0px;
        color: #000000;
        width: 100%;
        text-align: justify;
    }
    .fwzc_title h2 {
        display: block;
        text-align: center;
        height: 55px;
        font-family: Microsoft YaHei;
        font-size: 25px;
        font-weight: bold;
        font-stretch: normal;
        line-height: 55px;
        letter-spacing: 0px;
        color: #000000;
    }
    .white_img img {
        width: 100%;
        height: auto;
    }
    .rcxx_title h2 {
        text-align: center;
        height: 35px;
        font-family: Microsoft YaHei;
        font-size: 25px;
        font-weight: bold;
        font-stretch: normal;
        line-height: 25px;
        letter-spacing: 0px;
        color: #000000;
    }
    .fwzc_son .center {
        height: auto;
        background-image:none;
        background-color: #fff;
        background-size: 100% 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-left: 15px;
        margin-top: 0px;
        flex-direction: column;
    }
    .fwzc_son .center .left {
        width: 100%;
        flex: 1;
        padding-right: 15px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .fwzc_son_item .right_content h3 {
        font-family: Microsoft YaHei;
        font-size: 12px;
        font-weight: bold;
        font-stretch: normal;
        line-height: 20px;
        letter-spacing: 0px;
        color: #000000;
        margin-top: 0px;
    }
    .fwzc_son_item .left_img {
        width: 78px;
        height: 50px;
        margin-right: 15px;
    }
    .fwzc_son_item .right_content p {
        font-family: "Microsoft YaHei";
        font-size: 11px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 15px;
        letter-spacing: 0px;
        color: #767989;
    }
    .fwzc_son .center .left h2 {
        font-family: "Microsoft YaHei";
        font-size: 12px;
        font-weight: bold;
        font-stretch: normal;
        line-height: 18px;
        letter-spacing: 0px;
        color: #000000;
        width: 100%;
        text-align: justify;
    }
    .fwzc_son .center .right {
        display: none;
    }
    .links1 h2 {
        font-family: "Microsoft YaHei";
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 20px;
        letter-spacing: 0px;
        color: #ffffff;
    }
    footer .center .right_codes {
        display: flex;
        justify-content: space-evenly;
        margin-top: 20px;
    }
    footer .center .left_links {
        display: flex;
        justify-content: space-between;
    }
    .links1 a {
        font-family: "Microsoft YaHei";
        font-size: 13px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 24px;
        letter-spacing: 0px;
        color: #a0adc1;
    }
    .codes1 {
        margin-left: 0px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .codes1 img {
        padding: 1px;
        background-color: #fff;
        width: 55px;
        height: 55px;
    }
    .codes1 p {
        height: 30px;
        font-family: "Microsoft YaHei";
        font-size: 11px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 30px;
        letter-spacing: 0px;
        color: #ffffff;
    }
    .links1 {
        display: flex;
        flex-direction: column;
        margin-right: 10px;
        align-items: self-start;
    }
    footer .center{
        flex-direction: column;
    }
    .rcxx_tabs a.active {
        text-align: center;
        width: 50%;
        height: auto;
        background-color: #477fff;
        border-radius: 15px;
        font-family: Microsoft YaHei;
        font-size: 11px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 28px;
        letter-spacing: 0px;
        color: #ffffff;
        margin: 0px 10px;
    }
    .rcxx_tabs a {
        text-align: center;
        width: 50%;
        height: auto;
        background-color: #ffffff;
        border-radius: 15px;
        border: solid 1px #ededed;
        opacity: 0.64;
        font-family: "Microsoft YaHei";
        font-size: 11px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 28px;
        letter-spacing: 0px;
        color: #5d7fc0;
        margin: 0px 10px;
    }
    .rcxx_content_left{
        display: none;
    }
    .dsih_right a, .dsih_right .jie_course{
        width: 49%;
        text-align: center;
        background-color: #e2edff;
        border-radius: 7px;
        border: solid 1px #3a78ff;
        height: 36px;
        font-family: "Microsoft YaHei";
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 36px;
        letter-spacing: 1px;
        color: #3a78ff;
    }
    .ke1 .right .ke_title{
        text-align: center;
    }
    .ke1 .right .ke_into{
        text-align: justify;
    }
    .sgpt_ks .center {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }
    .sgpt{
        padding:15px;
        height: auto;
        padding-top: 0px;
    }
    .sgpt_title{
        width: 90%;
    }
    .sgpt_title{
        width: 90%;
    }
    .sgpt_title img{
        width: 100%;
    }
    .sgpt,.ks {
        width: 100%;
    }
    /* .banner{
        height: 186px;
        background: url(../images/banner_center.jpg) no-repeat 0 0;
        background-size: 100% 100%;
    } */
    .top a {
        padding:0px;
        padding-right: 5px;
        font-size: 9px;
        height: 40px;
        line-height: 40px;
    }
   .top a:first-child{
        padding-right: 3px;
        align-self: center;
        height: 42px;
        padding-bottom: 2px;
        line-height: 40px;
    }
    .top a:first-child img{
        width: 96px;
        height: 16px;
    }
    .top a.active {
        background: url(../images/nav_bom.jpg) no-repeat 0px bottom;
    }
    .top .center {
        display: flex;
        height: 40px;
        align-items: center;
        padding-left: 10px;
    }
    .drh_right_nr1 p, .drh_right_nr2 p, .drh_right_nr3 p {
        font-family: "Microsoft YaHei";
        font-size: 10px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 20px;
        letter-spacing: 0px;
        color: #000000;
    }
    .fwzc h2 {
        text-align: center;
        height: 36px;
        font-family: Microsoft YaHei;
        font-size: 11px;
        font-weight: bold;
        font-stretch: normal;
        line-height: 28px;
        letter-spacing: 0px;
        color: #000000;
        margin-bottom: 0px;
    }
    .fwzc h3 {
        font-family: "Microsoft YaHei";
        font-size: 11px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 26px;
        letter-spacing: 0px;
        color: #000000;
        margin-top: 0px;
        text-align: center;
    }
    .fwzc h4 {
        font-family: "Microsoft YaHei";
        font-size: 11px;
        font-weight: bold;
        letter-spacing: 0px;
        color: #454abb;
        margin-top: 0px;
        text-align: center;
    }
    .liank span {
        font-family: HarmonyOS_Sans_SC_Black;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0px;
        color: #ff4f19;
        margin-left: 5px;
    }
    .liank {
        font-family: "Microsoft YaHei";
        font-size: 10px;
        font-weight: normal;
        letter-spacing: 0px;
        color: #000000;
        text-align: center;
    }
    .jinjxt {
        height: 20px;
        font-family: Microsoft YaHei;
        font-size: 9px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 14px;
        letter-spacing: 0px;
        color: #000000;
    }
    .jinjxt span {
        font-family: Microsoft YaHei;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 0px;
        color: #ff7800;
    }
    .cankj {
        text-decoration: line-through;
        height: 16px;
        font-family: "Microsoft YaHei";
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 23px;
        letter-spacing: 1px;
        color: #9c9eb2;
        text-align: center;
    }
    .dyh_right_title3, .dyh_right_title2, .dyh_right_title1 {
        background-image: linear-gradient(#efefef, #efefef), linear-gradient(#649cf0, #649cf0);
        background-blend-mode: normal, normal;
        border-radius: 10px 10px 0px 0px;
        text-align: center;
        height: 53px;
        line-height: 53px;
        border-radius: 10px 10px 0px 0px;
        flex: 1;
        font-family: Microsoft YaHei;
        font-size: 9px;
        font-weight: normal;
        font-stretch: normal;
        color: #447ed5;
        cursor: pointer;
    }
    .dyh_right_title1.active {
        height: 53px;
        background-color: #649cf0;
        border-radius: 10px 10px 0px 0px;
        flex: 1;
        font-family: Microsoft YaHei;
        font-size: 9px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 53px;
        letter-spacing: 0px;
        color: #ffffff;
        text-align: center;
    }
    .dyh_right_title2.active {
        text-align: center;
        flex: 1;
        height: 53px;
        background-image: linear-gradient(#dda5f8, #dda5f8), linear-gradient(#649cf0, #649cf0);
        background-blend-mode: normal, normal;
        border-radius: 10px 10px 0px 0px;
        font-family: Microsoft YaHei;
        font-size: 9px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 53px;
        letter-spacing: 0px;
        color: #ffffff;
    }
    .dyh_right_title3.active {
        text-align: center;
        height: 53px;
        background-image: linear-gradient(#fdb633, #fdb633), linear-gradient(#649cf0, #649cf0);
        background-blend-mode: normal, normal;
        border-radius: 10px 10px 0px 0px;
        flex: 1;
        font-family: Microsoft YaHei;
        font-size: 9px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 53px;
        letter-spacing: 0px;
        color: #ffffff;
    }
    .sd_col {
        display: flex;
        flex-direction: column;
        padding: 30px 15px;
    }
    .title_jcjf {
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 60px;
        letter-spacing: 0px;
        color: #000000;
        text-align: center;
    }
    .floor1 .center {
        display: flex;
        height: auto;
        flex-direction: column;
    }
    .sd_col h2 {
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 24px;
        letter-spacing: 0px;
        color: #3472ff;
        margin-bottom: 10px;
    }
    .sd_col p {
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 26px;
        letter-spacing: 0px;
        color: #454040;
        text-align: justify;
    }
    .right_ft_col img {
        width: 140px;
        height: 200px;
    }
    .mySwiper1 .swiper-slide img {
        display: block;
        width: 100%;
        height: 160px;
        object-fit: cover;
        transition: all .5s ease .1s;
    }
    .mySwiper4 .swiper-slide img {
        display: block;
        width: 100%;
        height: auto;
        /* object-fit: cover; */
        transition: all .5s ease .1s;
        margin-top: -30px;
    }
    .szjs_content .mySwiper1 .swiper-slide p {
        font-family: "Microsoft YaHei";
        font-size: 7px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 9px;
        letter-spacing: 0px;
        color: #9c9eb2;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .szjs_content .mySwiper4 .swiper-slide p {
        font-family: "Microsoft YaHei";
        font-size: 7px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 9px;
        letter-spacing: 0px;
        color: #9c9eb2;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .fwzc .center{
        padding:10px;
    }
}
@media (max-width:768px) {
    .footer_p.center p {
        margin-bottom: 0px;
        display: flex;
        flex-direction: column;
    }
    .footer_p p a:last-child {
        background: none;
        background-size: 16px 10px;
        padding-left: 0px;
        margin-left: 0px;
        display: flex;
        justify-content: center;
    }
    /* .footer_p p a:last-child img {
        width: 12px;
        height: 14px;
        display: block;
        margin-right: 4px;
    } */
    .footer_p p a:last-child img {
        width: 12px;
        height: 14px;
        display: none;
        margin-right: 4px;
    }
    .szjs.dis_pc{
        display: none;
    }
    .szjs.dis_mo{
        display: block;
    }
    .beijing_l {
        background-color: #477fff;
        height: 30px;
        color: #fff;
        border-radius: 17px;
        padding: 0px 10px;
        line-height: 30px;
        margin-top: 10px;
        font-size: 9px;
    }
    .mySwiper1 .swiper-slide img:hover {
        transform: scale(1);
    }
    .mySwiper4 .swiper-slide img:hover {
        transform: scale(1);
    }
    .right_second a{
        width: 100%;
    }
    .genduo {
        padding-right: 15px;
    }
    .tong_content_left {
        background-color: #ffffff;
        border-radius: 5px;
        padding: 15px 20px;
        width: 100%;
        margin-bottom: 10px;
    }
    .log1, .log3 {
        margin-top: 0px;
        width: 150px;
        height: 48px;
        cursor: pointer;
        transition: all .3s linear;
    }
    .three_f {
        width: 100%;
        height: 100%;
        gap: 5px;
        display: none;
    }
    .log {
        width: 50px;
        height: 33px;
        margin-bottom: 5px;
    }
    .log1,.log2{
        margin-bottom: -5px;
    }
    .first_new h2 {
        height: 22px;
        font-family: "Microsoft YaHei";
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 22px;
        letter-spacing: 0px;
        color: #ffffff;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        margin-top: 0px;
    }
    .mySwiper1 .swiper-slide .img_hover {
        overflow: hidden;
        width: auto;
        height: 150px;
    }
    .mySwiper4 .swiper-slide .img_hover {
        overflow: hidden;
        width: 100%;
        height: 200px;
    }
    .second_new p {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        margin-top: 0px;
        width: 100%;
        background: url(../images/white_dot.png) no-repeat 0px center;
        background-size: 8px 8px;
        padding-left: 12px;
        height: 20px;
        line-height: 20px;
        margin-top: 10px;
        font-size: 12px;
    }
    .dates_kszx .month {
        font-size: 11px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 20px;
        letter-spacing: 0px;
        color: #c3d3ff;
    }
    .ks .title h2 {
        font-family: Microsoft YaHei;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 1px;
        color: #ffffff;
        text-align: center;
        margin-top: 20px;
    }
    .floor1.bk1 {
        margin-top: 20px;
    }
    .ckxq {
        width: 70px;
        height: 20px;
        transition: all .5s ease .1s;
    }
    .first_new p {
        font-family: "Microsoft YaHei";
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 20px;
        letter-spacing: 0px;
        color: #ffffff;
        opacity: 0.77;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        height: 60px;
        overflow: hidden;
    }
    .qh1.active {
        width: 99px;
        height: 22px;
        background-image: linear-gradient(#3a78ff, #3a78ff), linear-gradient(#ffffff, #ffffff);
        background-blend-mode: normal, normal;
        box-shadow: 0px 2px 9px 0px rgba(59, 64, 94, 0.08);
        border-radius: 21px;
        font-size: 11px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 7px;
        color: #ffffff;
        text-align: center;
    }
    .ft_col{
        width: 100%;
        justify-content: center;
    }
    .qh1 {
        width: 99px;
        height: 22px;
        background-color: #ffffff;
        box-shadow: 0px 2px 9px 0px rgba(59, 64, 94, 0.08);
        border-radius: 21px;
        font-size: 11px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 7px;
        color: #3a78ff;
        cursor: pointer;
        text-align: center;
        transition: all .5s ease .1s;
    }
    .qian_co {
        margin-bottom: 0px;
    }
    .floor1.bk3 {
        margin-bottom: 0px;
    }
    .qianhu {
        display: flex;
        justify-content: center;
        gap: 15px;
        align-items: center;
        text-align: center;
        line-height: 22px;
        margin: 7px auto;
    }
    .first_new .dates_kszx {
        display: flex;
        justify-content: space-between;
    }
    .right_info_in {
        width: 100%;
        height: auto;
        align-self: flex-end;
    }
    .info_in .center {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        padding-bottom: 0px;
    }
    .swiper-pagination-bullet {
        width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,6px));
        height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,6px));
        display: inline-block;
        border-radius: var(--swiper-pagination-bullet-border-radius,50%);
        background: var(--swiper-pagination-bullet-inactive-color,#000);
        opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
    }
    .swiper-pagination-bullet-active {
        opacity: var(--swiper-pagination-bullet-opacity, 1);
        background: var(--swiper-pagination-color,var(--swiper-theme-color))
    }
    .right_ft_col .fm_cover {
        width: 85%;
        height: 140px;
        overflow: hidden;
        margin-top: 30px;
    }
    .title_h3 {
        text-align: center;
        font-family: Microsoft YaHei;
        font-size: 11px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 30px;
        letter-spacing: 0px;
        color: #8c8fa6;
        margin-bottom: 0px;
        margin-top: -40px;
    }
    .info_ft span {
        font-size: 22px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 30px;
        letter-spacing: -1px;
        color: #ffa101;
        margin-right: 8px;
    }
    .info_ft a {
        text-align: center;
        width: 80px;
        height: 26px;
        background-color: #3a78ff;
        border-radius: 13px;
        border: solid 1px #ffffff;
        font-size: 13px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 24px;
        letter-spacing: 1px;
        color: #ffffff;
    }
    .left_ft_col {
        padding-top: 20px;
        padding-right: 10px;
        padding-left: 14px;
    }
    .fuxi_left h2 {
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 30px;
        letter-spacing: 0px;
        color: #99b4ed;
        margin-bottom: 0px;
    }
    .fuxi_left h3 {
        font-size: 13px;
        font-weight: bold;
        font-stretch: normal;
        line-height: 28px;
        letter-spacing: 0px;
        color: #2b68eb;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .fuxi_left h4 {
        font-size: 18px;
        font-weight: bold;
        font-stretch: normal;
        line-height: 50px;
        letter-spacing: 1px;
        color: #000000;
        margin-top: 0px;
    }
    .szjs_content {
        height: 330px;
        padding: 0px 15px;
    }
    .szjs_content .mySwiper1 .swiper-slide .km_all {
        font-family: "Microsoft YaHei";
        font-size: 6px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 12px;
        letter-spacing: 0px;
        color: #9c9eb2;
        height: 20px;
        display: flex;
        flex-direction: column;
    }
    .szjs_content .mySwiper4 .swiper-slide .km_all {
        font-family: "Microsoft YaHei";
        font-size:9px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 14px;
        letter-spacing: 0px;
        color: #9c9eb2;
        height: 20px;
        display: flex;
        flex-direction: column;
    }
    .pc {
        /* display: none; */
    }
    .pc .qrCode {
        width: 83px;
        height: 82px;
        background-color: #ffffff;
        border-radius: 10px;
        position: absolute;
        left: 32px;
        /* top: 143px; */
        top: 75px;
    }
    .pc {
        width: 146px;
        height: 221px;
        background: url(../images/kf_bk.png) no-repeat 0px 0px;
        background-size: 100% 100%;
        position: fixed;
        right: 20px;
        bottom: 20px;
        padding: 10px;
        z-index: 9999;
    }
    .pc .btn_bo {
        position: absolute;
        bottom: 13px;
        width: 119px;
        height: 22px;
        left: 50%;
        margin-left: -56px;
        cursor: pointer;
        transition: all 0.3s 
        cubic-bezier(0.25, 0.8, 0.25, 1);
    }
    .fuxi_left p {
        font-size: 11px;
        font-weight: normal;
        letter-spacing: 0px;
        color: #000000;
    }
    footer {
        height: auto;
        background-color: #6b7485;
        padding: 0px 15px;
        
        padding-top: 20px;
        padding-bottom:30px;
    }
    .fuxi_left p span {
        font-size: 11px;
        font-weight: bold;
        letter-spacing: 0px;
        color: #497aed;
    }
    .zhuxue_code_right h4, .zhuxue_code_right h5 {
        font-size: 10px;
        font-weight: bold;
        letter-spacing: 0px;
        color: #000000;
    }
    .zhuxue_code_right h4 span, .zhuxue_code_right h5 span {
        font-size: 10px;
        font-weight: bold;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #ff7200;
    }
    .fuxi_left {
        width: 100%;
        padding: 0px 15px;
    }
    .sd_col {
        display: flex;
        flex-direction: column;
        padding: 0px 15px;
    }
    .szjs_title{
        padding:0px 15px;
    }
    .ckzlb_content .zlb1 {
        padding: 10px;
    }
    .title_h3_f {
        text-align: center;
        font-family: Microsoft YaHei;
        font-size: 11px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 30px;
        letter-spacing: 0px;
        color: #8c8fa6;
        margin-bottom: 11px;
    }
    .ke1 .right .ke_title {
        font-family: Microsoft YaHei;
        font-size:13px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #000000;
        margin: 10px;
    }
    .genduo a {
        font-family: "Microsoft YaHei";
        font-size: 10px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 20px;
        letter-spacing: 1px;
        color: #656777;
        background: url(../images/more_arrow.png) no-repeat right center;
        background-size: 10px 10px;
        width: 34px;
        height: 20px;
        transition: all .5s ease .1s;
    }
    .list .center{
        padding:15px;
    }
    .detail h2 {
        font-family: HarmonyOS_Sans_SC;
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 35px;
        letter-spacing: 0px;
        color: #000000;
        margin-top: 0px;
        margin-bottom: 12px;
    }
    .detail p, .detail .detail_content p, .detail .detail_content div {
        font-family: HarmonyOS_Sans_SC;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 24px;
        letter-spacing: 0px;
        color: #000000;
        opacity: 0.77;
        margin-bottom: 30px;
    }
    .detail .info {
        font-family: HarmonyOS_Sans_SC;
        font-size: 13px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 16px;
        letter-spacing: 0px;
        color: #5d5d5d;
        opacity: 0.77;
        display: flex;
    }
    .sgpt p {
        font-family: Microsoft YaHei;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 26px;
        letter-spacing: 0px;
        color: #6a6c81;
        text-align: center;
        margin-top: 33px;
    }
    .kcjs {
        margin-bottom: 0px;
    }
    .ke1 .right .ke_into {
        font-family: "Microsoft YaHei";
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 17px;
        letter-spacing: 0px;
        color: #9c9eb2;
        padding-right: 20px;
        
    }
    .ckzlb_title p {
        text-align: center;
        font-family: Microsoft YaHei;
        font-size: 11px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 24px;
        letter-spacing: 0px;
        color: #8c8fa6;
        margin-bottom: 10px;
        margin-top: -40px;
        padding: 0px 15px;
    }
    .ckzlb_content .zlb1 p {
        font-family: "Microsoft YaHei";
        font-size: 11px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 21px;
        letter-spacing: 0px;
        color: #000000;
        text-align: center;
    }
    .ckzlb_content .zlb1 h2 {
        font-family: Microsoft YaHei;
        font-size: 13px;
        font-weight: bold;
        font-stretch: normal;
        line-height: 45px;
        letter-spacing: 0px;
        color: #000000;
        margin-top: 0px;
    }
    .top_tp_inf {
        height: auto;
        margin-bottom: 5px;
    }
    .left_info_in {
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0px 15px;
    }
    .top_tp_inf h4 {
        font-family: HarmonyOS_Sans_SC_Bold;
        font-size: 15px;
        font-weight: bold;
        font-stretch: normal;
        line-height: 17px;
        letter-spacing: 0px;
        color: #ffffff;
        text-shadow: 0 0 10px #cceeff, 0 0 20px #d4d4d4;
    }
    .top_tp_inf p {
        font-family: HarmonyOS_Sans_SC_Medium;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 12px;
        letter-spacing: 0px;
        color: #667ad3;
        margin-bottom: 0px;
    }
    .top_tp_inf h3 {
        font-family: HarmonyOS_Sans_SC_Bold;
        font-size: 12px;
        font-weight: bold;
        font-stretch: normal;
        line-height: 20px;
        letter-spacing: 0px;
        color: #ffffff;
        /* box-shadow: 2px 1px 21px 0px rgba(59, 64, 94, 0.28); */
        margin-top: 5px;
        margin-bottom: 0px;
    }
    /* .top_tp_inf h4{
        font-family: HarmonyOS_Sans_SC_Bold;
        font-size: 51px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 64px;
        letter-spacing: 0px;
        color: #ffffff;
        box-shadow: 2px 1px 21px 0px 
            rgba(59, 64, 94, 0.28);
    } */
    /* .top_tp_inf h5{
        background: url(../images/duigou_xiao.png) no-repeat 0px center;
        background-size: 31px 31px;
        padding-left: 35px;
        font-family: HarmonyOS_Sans_SC_Bold;
        font-size: 22px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 80px;
        letter-spacing: 0px;
        color: #ffffff;
        box-shadow: 2px 1px 21px 0px 
            rgba(59, 64, 94, 0.28);
    } */
    /* .top_tp_inf p{
        font-family: HarmonyOS_Sans_SC_Medium;
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 80px;
        letter-spacing: 0px;
        color: #667ad3;
    } */
    /* .top_tp_inf h3{
        font-family: HarmonyOS_Sans_SC_Bold;
        font-size: 51px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 64px;
        letter-spacing: 0px;
        color: #ffffff;
        box-shadow: 2px 1px 21px 0px 
            rgba(59, 64, 94, 0.28);
    } */
    /* .top_tp_inf h2{
        font-family: HarmonyOS_Sans_SC_Medium;
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 80px;
        letter-spacing: 0px;
        color: #667ad3;
        box-shadow: 2px 1px 21px 0px 
            rgba(59, 64, 94, 0.28);
    } */
    .title_jcjf,.fwzc h2,.title_h2,.ckzlb_title h2,.fwzc_title h2,.rcxx_title h2  {
        font-size:15px;
        font-weight: bold;
        font-stretch: normal;
        line-height: 37px;
        letter-spacing: 0px;
        color: #000000;
        text-align: center;
        margin-top: 15px;
        margin-bottom: -5px;
    }
    .top_info h2{
        font-size: 10px;
    }
    .ckzlb_content .zlb1 h3 {
        background: url(../images/xing.png) no-repeat 0px center;
        font-family: Microsoft YaHei;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 13px;
        letter-spacing: 0px;
        color: #a7aac5;
        padding-left: 18px;
    }
    .fwzc{
        margin-bottom: 40px;
    }
    .t_top_left h3 {
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 30px;
        letter-spacing: 0px;
        color: #000000;
        margin-top: -40px;
        text-align: center;
    }
    .t_top_left h4 span {
        font-size: 13px;
    }
    .t_top_right,.t_top_right img{
        width: 115px;
        height: 199px;
        margin-left: 0px;
    }
    .ear {
        background: url(../images/ear.png) no-repeat 0px center;
        background-size: 16px 16px;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 30px;
        letter-spacing: 0px;
        color: #444444;
        align-self: self-end;
        padding-left: 19px;
        cursor: pointer;
        transition: all .5s ease .1s;
    }
    .t_bottom p {
        font-family: HarmonyOS_Sans_SC_Medium;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 24px;
        letter-spacing: 0px;
        color: #646a73;
        text-align: justify;
    }
    .t_bottom {
        background: #f3f3f5;
        padding: 20px;
        height: 60%;
        display: flex;
        flex-direction: column;
    }
    .t_top_left h4 {
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 22px;
        letter-spacing: 0px;
        color: #9d9d9e;
        text-align: center;
    }
    .title_h4, .title_h4 a {
        font-family: "Microsoft YaHei";
        font-size: 11px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 23px;
        letter-spacing: 1px;
        color: #656777;
        display: flex;
        justify-content: space-between;
    }
    .title_h4, .title_h4 span{
        font-size: 9px;
    }
    .t_top{
        padding:10px;
        padding-bottom: 0px;
    }
    .t_top_left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 1px;
        flex: 1;
    }
    .km_right {
        display: flex;
        flex-direction: column;
        flex: 1;
        align-items: center;
        height: 60px;
    }
    .sqkm {
        width: auto;
        font-size: 10px;
        line-height: 16px;
        font-weight: bold;
    }
    .lxwm {
        width: 187px;
        height: 42px;
        background: #477fff url(../images/lxwm.jpg) no-repeat 30px 10px;
        border-radius: 21px;
        text-align: center;
        font-family: Microsoft YaHei;
        font-size: 21px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 40px;
        letter-spacing: 0px;
        color: #ffffff;
        padding-left: 20px;
        margin-top: 10px;
        transition: all .5s ease .1s;
        position: relative;
        margin-bottom: 20px;
    }
   .title_h4 a {
        background: url(../images/more_arrow.png) no-repeat right center;
        background-size: 10px 10px;
        width: 35px;
        height: 22px;
        transition: all .5s 
ease .1s;
    }
    .floor1 .center {
        display: flex;
        height: auto;
        flex-direction: column;
    }
    .sd_col h2 {
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 24px;
        letter-spacing: 0px;
        color: #3472ff;
        margin-bottom: 10px;
    }
    .sd_col p {
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 20px;
        letter-spacing: 0px;
        color: #454040;
        text-align: justify;
    }
    .right_ft_col img {
        width: 140px;
        height: 140px;
    }
    .fwzc h3 {
        font-family: "Microsoft YaHei";
        font-size: 9px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 16px;
        letter-spacing: 0px;
        color: #000000;
        margin-top: 0px;
        text-align: center;
    }
    .bottom_white_words {
        flex: 1;
        background-color: #fff;
        color: #447ed5;
        border-top: solid 1px #e6e6e6;
        height: 100px;
        line-height: 30px;
        text-align: center;
        font-size: 13px;
    }
    .drh_right_son {
        height: 280px;
        display: flex;
        justify-content: space-between;
        border-bottom: solid 1px #e6e6e6;
    }
    .dsih_right_son {
        display: flex;
        height: 310px;
    }
    .drh_new_right .swiper-pagination {
        position: absolute;
        text-align: center;
        transition: .3s opacity;
        transform: translate3d(0, 0, 0);
        z-index: 10;
        left: 40px;
        top: -53px;
        width: 90%;
        display: flex;
        height: 53px;
        gap: 1px;
    }
    .tabs_list .tabs_list_item.active {
        background: url(../images/bottom_line.png) no-repeat center bottom;
        background-size: 67px 6px;
        height: 30px;
        font-family: "Microsoft YaHei";
        font-size: 11px;
        font-weight: bold;
        font-stretch: normal;
        line-height: 16px;
        letter-spacing: 0px;
        color: #1f67e4;
        padding-right: 10px;
        padding-bottom: 10px;
    }
    .tabs_list .tabs_list_item span {
        display: block;
        background: url(../images/lan_r2.png) no-repeat 0px center;
        background-size: 13px 18px;
        width: 16px;
        height: 18px;
    }
    .tabs_list .tabs_list_item.active span {
        background: url(../images/lan_r.png) no-repeat 0px center;
        background-size: 13px 18px;
        display: block;
        width: 16px;
        height: 18px;
    }
    .list p {
        font-family: HarmonyOS_Sans_SC;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 20px;
        letter-spacing: 0px;
        color: #5d5d5d;
        opacity: 0.77;
    }
    .list .tabs_list_content .date_list {
        align-self: flex-end;
        font-family: "Microsoft YaHei";
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 30px;
        letter-spacing: 0px;
        color: #878787;
        opacity: 0.55;
    }
    .list h4 {
        font-family: Microsoft YaHei;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 20px;
        letter-spacing: 0px;
        color: #000000;
    }
    .tabs_list .tabs_list_item {
        cursor: pointer;
        display: flex;
        height: 30px;
        font-family: "Microsoft YaHei";
        font-size: 11px;
        font-weight: bold;
        font-stretch: normal;
        line-height: 16px;
        letter-spacing: 0px;
        color: #606060;
        padding-right: 10px;
        padding-bottom: 10px;
    }
    .detail .center{
        padding:15px;
    }
    .rcxx_content_right a h2 {
        font-family: Microsoft YaHei;
        font-size: 18px;
        font-weight: bold;
        font-stretch: normal;
        line-height: 18px;
        letter-spacing: 0px;
        color: #000000;
        margin-top: 5px;
        margin-bottom: 25px;
    }
    .rcxx_content_right {
        display: flex;
        flex-direction: column;
        padding-left: 5px;
    }
    .rcxx_contents .content {
        display: flex;
        background-color: #ffffff;
        border-radius: 10px;
        padding: 15px;
    }
   .top_three {
        display: flex;
        flex-direction: column;
    }
    .ckzlb_content .zlb1{
        width: 100%;
        margin-bottom: 20px;
    }
    .ckzlb_content {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: auto;
        background-color: #e6ebf6;
        box-shadow: 0px 0px 4px 0px rgba(102, 129, 207, 0.27);
        border-radius: 10px;
        padding: 15px;
    }
    .dsih_right .buts {
        margin-top: 15px;
        display: flex;
        justify-content: space-between;
        width: 75%;
        flex-direction: column;
    }
    .dsih_right a, .dsih_right .jie_course {
        width: 100%;
        text-align: center;
        background-color: #e2edff;
        border-radius: 7px;
        border: solid 1px #3a78ff;
        height: 36px;
        font-family: "Microsoft YaHei";
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 36px;
        letter-spacing: 1px;
        color: #3a78ff;
        margin-top: 10px;
    }
    .ke1{
        width: 100%;
        flex-direction: column;
        height: auto;
        padding:15px;
    }
    .drh_right_nr1 h3 {
        font-family: Microsoft YaHei;
        font-size: 17px;
        font-weight: bold;
        font-stretch: normal;
        line-height: 30px;
        letter-spacing: 0px;
        color: #1e6adc;
    }
    .drh_right_nr2 h3 {
        font-family: Microsoft YaHei;
        font-size: 17px;
        font-weight: bold;
        font-stretch: normal;
        line-height: 30px;
        letter-spacing: 0px;
        color: #454abb;
    }
    .drh_right_nr3 h3 {
        font-family: Microsoft YaHei;
        font-size: 17px;
        font-weight: bold;
        font-stretch: normal;
        line-height: 30px;
        letter-spacing: 0px;
        color: #8b641b;
    }
    .drh_right_nr1 h4 {
        font-family: "Microsoft YaHei";
        font-size: 10px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 20px;
        letter-spacing: 0px;
        color: #1e6adc;
    }
    .drh_right_nr2 h4 {
        font-family: "Microsoft YaHei";
        font-size: 10px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 20px;
        letter-spacing: 0px;
        color: #454abb;
    }
    .drh_right_nr3 h4 {
        font-family: "Microsoft YaHei";
        font-size: 10px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 20px;
        letter-spacing: 0px;
        color: #8b641b;
    }
    .drh_left {
        width: 40px;
        text-align: center;
        height: 250px;
        background-color: #649cf0;
        border-radius: 10px 0px 0px 0px;
        border-bottom: solid 1px #ffffff;
        writing-mode: vertical-rl;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 40px;
        letter-spacing: 6px;
        color: #ffffff;
    }
    .dsih_left {
        width: 40px;
        text-align: center;
        height: 440px;
        background-color: #649cf0;
        border-radius: 0px 0px 0px 10px;
        border-top: solid 1px #ffffff;
        writing-mode: vertical-rl;
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 40px;
        letter-spacing: 6px;
        color: #ffffff;
    }
    .dsh_right h3 {
        font-family: "Microsoft YaHei";
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 20px;
        letter-spacing: 0px;
        color: #000000;
    }
    .dsh_right p {
        font-family: "Microsoft YaHei";
        font-size: 10px;
        font-weight: normal;
        letter-spacing: 0px;
        color: #8b8c8c;
    }
    .dsh_right p span {
        font-family: HarmonyOS_Sans_SC_Black;
        font-size: 13px;
        font-weight: bold;
        font-stretch: normal;
        line-height: 20px;
        letter-spacing: 0px;
        color: #454abb;
        margin-right: 10px;
    }
    .drh_right_nr1 p, .drh_right_nr2 p, .drh_right_nr3 p {
        font-family: "Microsoft YaHei";
        font-size: 10px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 20px;
        letter-spacing: 0px;
        color: #000000;
        text-align: center;
    }
    .si_fw {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .si_fw .eachfu {
        width: 100%;
        margin-bottom: 20px;
    }
    /* .banner{
        height: 100px;
        background: url(../images/banner_center.jpg) no-repeat 0 0;
        background-size: 100% 100%;
    } */

}
@media (max-width:480px) {
    .drh_new_right .swiper-pagination {
        position: absolute;
        text-align: center;
        transition: .3s opacity;
        transform: translate3d(0, 0, 0);
        z-index: 10;
        left: 40px;
        top: -40px;
        width: 88%;
        display: flex;
        height: 53px;
        gap: 1px;
    }
    footer a {
        color: #7b83c7;
        font-size: 8px;
    }
    footer p {
        margin-bottom: 0px;
        font-size: 7px;
    }
}

@media (max-width:414px) {
    
}
@media (max-width:400px) {
   
}

