/* rolltext */
.rolltext{
    width:1200px;
    margin:40px auto;
}
.rolltext .rolltext-left{
    width:440px;
    float:left;
}
.rolltext .rolltext-left .rolltext-left-title{
    width:100%;
    border-bottom:1px solid #d2d2d2;
    font-size:16px;
    padding:0 100px;
}
.rolltext .rolltext-left .rolltext-left-title .reconame{
    display:inline-block;
    padding-bottom:5px;
    position:relative;
    bottom:-2px;
    border-bottom:4px solid transparent;
}
.rolltext .rolltext-left .rolltext-left-title .reconame:first-child{
    margin-right:90px;
}
.rolltext .rolltext-left .rolltext-left-title .recoactive{
    border-color:#ff4d5b;
    color:#ff4d5b;
}
.rolltext .rolltext-left .rolltext-left-title .reconame:hover{
    color:#ff4d5b;
    border-color:#ff4d5b;
}
.rolltext .rolltext-left .rolltext-left-content{
    width:100%;
    height:280px;
    margin-top:20px;
    position:relative;
    overflow: hidden;
}
.rolltext .rolltext-left .rolltext-left-content .rolltext-left-list{
    width:100%;
    position:absolute;
    left:0;
    top:0;
}
.rolltext .rolltext-left .rolltext-left-content .rolltext-left-list li{
    width:100%;
    font-size:14px;
    margin-bottom:10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.rolltext .rolltext-left .rolltext-left-content .rolltext-left-list li:last-child{
    margin-bottom:0;
}
.rolltext .rolltext-left .rolltext-left-content .rolltext-left-list li a{
    color:#666;
}
.rolltext .rolltext-left .rolltext-left-content .rolltext-left-list li a:hover{
    color:#ff4d5b
}
.rolltext .rolltext-left .rolltext-left-content .rolltext-left-list li:nth-child(1){
    font-size:16px;
    margin-bottom:15px;
}
.rolltext .rolltext-left .rolltext-left-content .rolltext-left-list li:nth-child(1) a{
    color:#222328;
}
.rolltext .rolltext-left .rolltext-left-content .rolltext-left-list li:nth-child(4){
    margin:15px 0 15px 0;
    font-size:16px;
}
.rolltext .rolltext-left .rolltext-left-content .rolltext-left-list li:nth-child(4) a{
    color:#222328;
}
.rolltext .rolltext-left .rolltext-left-content .rolltext-left-list li:nth-child(7){
    margin:15px 0 15px 0;
    font-size:16px;
}
.rolltext .rolltext-left .rolltext-left-content .rolltext-left-list li:nth-child(7) a{
    color:#222328;
}
.rolltext .rolltext-left .rolltext-left-content .reco-hide{
    display:none;
}
/* 轮播 */
.rolltext .swiper1{
    width:720px;
    height:335px;
    float:right;
    overflow: hidden;
}
.rolltext .swiper1 .rg-banner-box .swiper-slide{
    width:100%;
    height:100%;
    overflow: hidden;
}
/* 广告一 */
.poster{
    width:100%;
    overflow: hidden;
}
/* 八大课程 */
.container{
    width:1200px;
    margin:40px auto;
    box-shadow:0px 0px 8px 2px rgba(0,0,0,0.1);
    padding:1px 0;
}
.container .section-menu{
    width:100%;
    height:60px;
    border-bottom:1px solid #d2d2d2;
    padding:0 20px;
}
.container .section-menu .section-menu-title{
    width:120px;
    float:left;
    height:100%;
    font-size:28px;
    color:#333;
    line-height:60px;
    font-weight:600;
}
.container .section-menu .course-nav{
    width:1040px;
    height:100%;
    /*float:left;*/
    padding-top:26px;
    font-size:16px;
    /* font-weight:600; */
  
  text-align:right;
  float:right;
}
.container .section-menu .course-nav .cname{
    display:inline-block;
    margin-right:10px;
    padding-bottom:10px;
    border-bottom:4px solid transparent;
}
.container .section-menu .course-nav .cname:first-child{
    color:#ff4d5b;
    border-color:#ff4d5b;
}
.container .section-menu .course-nav .cname:hover{
    border-color:#ff4d5b;
}
.container .section-menu .course-nav .nameshow{
    color:#ff4d5b;
    border-color:#ff4d5b;
}
.container .section-menu .more-course{
    width:100px;
    height:100%;
    float:left;
    color:#666;
    font-size:16px;
    padding-top:25px;
  display:none;
}
.container .section-menu .more-course a{
    color:#666;
}
.container .section-menu .more-course a:hover{
    color:#ff4d5b;
}
/*  */
.container .section-box{
    width:100%;
    padding:20px;
}
.container .section-box .section-left-img{
    width:220px;
    height:400px;
    overflow: hidden;
    float:left;
    cursor:pointer;
}
.container .section-box .section-mid{
    width:520px;
    height:400px;
    float:left;
    margin:0 40px;
    overflow: hidden;
}
.container .section-box .section-mid .section-mid-name{
    font-size:16px;
    font-weight:600;
    margin-bottom:10px;
}
.container .section-box .section-mid .course-list{
    width:100%;
}
.container .section-box .section-mid .course-list li{
    width:250px;
    float:left;
}
.container .section-box .section-mid .course-list li .imgbox{
    width:100%;
    height:150px;
    overflow: hidden;
}
.container .section-box .section-mid .course-list li .list-name{
    display:block;
    width:100%;
    text-align:center;
    margin:10px 0;
    padding:0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.container .section-box .section-mid .course-list li:nth-child(1){
    margin-right:20px;
}
.container .section-box .section-mid .course-list li:nth-child(3){
    margin-right:20px;
}
.container .section-box .rg-hot-open{
    width:340px;
    height:400px;
    float:right;
    overflow: hidden;
}
.container .section-box .rg-hot-open .hot-name{
    font-size:16px;
    font-weight:600;
    margin-bottom:10px;
}
.container .section-box .rg-hot-open .hot-box{
    width:340px;
    height:210px;
    overflow: hidden;
    position:relative;
}
.container .section-box .rg-hot-open .hot-list{
    width:100%;
    margin-bottom:20px;
    padding-left:10px;
    position:absolute;
    left:0;
    top:0;
}
.container .section-box .rg-hot-open .hot-list:not(:first-child){
    display:none;
}
.container .section-box .rg-hot-open .hot-list li{
    width:100%;
    height:25px;
    line-height:25px;
    margin-bottom:8px;
    position:relative;
    padding-left: 10px;
}
.container .section-box .rg-hot-open .hot-list li:before{
    content: '';
    width: 3px;
    height: 3px;
    background: #ff7f00;
    position: absolute;
    left: 0;
    top: 13px;
}
.container .section-box .rg-hot-open .hot-list li .circle{
    display:inline-block;
    width:5px;
    height:5px;
    background:#ff4d5b;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    position:relative;
    top:-9px;
    margin-right:3px;
    display: none;
}
.container .section-box .rg-hot-open .hot-list li .hot-text{
    display:inline-block;
    width:310px;
    height:100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.container .section-box .rg-hot-open .open-name{
    font-size:16px;
    font-weight:600;
    margin-bottom:10px;
}
.container .section-box .rg-hot-open .open-box{
    width:340px;
    height:125px;
    overflow: hidden;
    position:relative;
}
.container .section-box .rg-hot-open .open-list{
    width:100%;
    padding-left:10px;
    position:absolute;
    left:0;
    top:0;
}
.container .section-box .rg-hot-open .open-list:not(:first-child){
    display:none;
}
.container .section-box .rg-hot-open .open-list li{
    width:100%;
    height:25px;
    line-height:25px;
    margin-bottom:8px;
    position:relative;
    padding-left: 10px;
    position: relative;
}
.container .section-box .rg-hot-open .open-list li:before{
    content: '';
    width: 3px;
    height: 3px;
    background: #ff7f00;
    position: absolute;
    left: 0;
    top: 13px;
}

.container .section-box .rg-hot-open .open-list li .circle{
    display:inline-block;
    width:5px;
    height:5px;
    background:#ff4d5b;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    position:relative;
    top:-9px;
    margin-right:3px;
    display: none;
}
.container .section-box .rg-hot-open .open-list li .open-text{
    display:inline-block;
    width:310px;
    height:100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* 友情链接 */
.blogroll{
    width:100%;
}
.blogroll .roll-inner{
    width:1200px;
    margin:0 auto;
    padding:30px 0;
}
.blogroll .roll-inner .roll-name-box{
    width:100%;
    margin-top:10px;
    border-bottom:1px solid #d2d2d2;
    padding-left:40px;
}
.blogroll .roll-inner .roll-name-box .roll-name{
    width:100px;
    font-size:24px;
    font-weight:600;
    padding-bottom:10px;
    border-bottom:4px solid #ff4d5b;
    position:relative;
    bottom:-2px;
}
.blogroll .roll-inner .roll-links{
    width:100%;
    padding:20px 25px 0 25px;
}
.blogroll .roll-inner .roll-links a{
    display:inline-block;
    width:150px;
    margin-right:30px;
    margin-bottom:10px;
}
/*
     FILE ARCHIVED ON 17:37:49 Dec 07, 2021 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 03:17:25 Oct 31, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.467
  exclusion.robots: 0.02
  exclusion.robots.policy: 0.007
  esindex: 0.009
  cdx.remote: 9.686
  LoadShardBlock: 109.8 (3)
  PetaboxLoader3.datanode: 96.304 (4)
  PetaboxLoader3.resolve: 134.059 (2)
  load_resource: 160.252
*/