@charset "utf-8";
.Heatwell{
    border-bottom: 2px solid #AD3332;
    color: #AD3332;
}
body,html{background: #F0F0F0;}
.about-us-wrap{
    width: 100%;
    float: left;
    padding: 75px 0px;
}
.about-us-img{
    width: 50%;
    float: left;
    height: 420px;
    object-fit: cover;
}
.about-us-right{
    width: 47%;
    float: right;
    min-height: 360px;
    display: table;
}
.about-us-rtitle{
    width: 100%;
    display: inline-block;
    font-size: 30px;
}
.about-us-rtext{
    width: 100%;
    float: left;
    font-size: 14px;
    margin-top:30px;
    color: #555555;
    line-height: 25px;
}

/**/
.honor-wrap{
    width: 100%;
    float: left;
    margin-top: 70px;
    height: 440px;
    position: relative;
}
.swiper-container4{
    width: 100%;
    float: left;
    height: 440px;
}
.arrow-left{
    width: 30px;
    height: 50px;
    position: absolute;
    background: url(../images/swiper-licon.png) no-repeat center center;
    background-size: 30px 50px;
    left: -20px;
    top: 50%;
    margin-top: -25px;
    z-index: 2;
    cursor: pointer;
}
.arrow-right{
    width: 30px;
    height: 50px;
    position: absolute;
    background: url(../images/swiper-licon2.png) no-repeat center center;
    background-size: 30px 50px;
    right: -20px;
    top: 50%;
    margin-top: -25px;
    z-index: 2;
    cursor: pointer;
}
.swiper-container4 .swiper-slide{
    height: 440px;
    float: left;
}
.honor-box{
    width: 83.5%;
    width: -moz-calc(86% - 10px);
    width: -webkit-calc(86% - 10px);
    width: calc(86% - 10px);
    margin:0px 7%;
    float: left;
    position: relative;
    border:5px solid #1A968E;
    height: 428px;
    background: #fff;
}
.honor-box2{
    width: 100%;
    height: 428px;
    float: left;
    position: relative;
    display: table;
    text-align: center;
}
.honor-img{
    max-width: 100%;
    display: inline-block;
    max-height: 428px !important;
}
.honor-tbox{
    width: 100%;
    height: 428px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.5);
    z-index: 3;
    display: none;
}
.honor-icon{
    display: inline-block;
    margin-top: 140px;
}
.honor-text{
    width: 100%;
    float: left;
    text-align: center;
    font-size: 16px;
    color: #fff;
    margin-top: 15px;
}
.honor-box2:hover .honor-tbox{display: block;}
/**/
.layer-bg{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.5);
    z-index: 88;
}
.layer-content{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 88;
}
.close-btn{
    width: 30px;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 3;
    cursor: pointer;
}
.honors-showimg{
    width:100%;
    height: 100%;
    float: left;
    display: table;
    text-align: center;
}
.honors-showbox{
    display: table-cell;
    vertical-align: middle;
}
.honors-img3{
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
    max-height: 900px;
}
/**/
.course-wrap{
    width:100%;
    float: left;
    padding: 70px 0px;
    background: #fff;
}
.course-box{
    width: 100%;
    float: left;
    position: relative;
    margin-top: 55px;
    text-align: center;
}
.course-box2{
    width: 100%;
    height: 200px;
    float: left;
    background: url(../images/h-line.png) no-repeat center 23px;
    background-size: 100% 3px;
}
.course-sline{
    width: 1px;
    height: 30px;
    border-right: 1px dashed #1A9590;
    position: absolute;
    left: 49%;
    top:40px;
}
/**/
.swiper-container5{
    width: 100%;
    float: left;
    height: 200px;
}
.swiper-container5 .swiper-slide{
    height: 200px;
    float: left;
    text-align: center;
    position: relative;
}
.course-box3{
    width: 28px;
    height: 28px;
    display: inline-block;
    margin-top: 10px;
    background: url(../images/yuan-icon.png) no-repeat center center;
    background-size: 100%;
    position: relative;
    cursor: pointer;
}
.course-box3:hover{
    width: 38px;
    height: 38px;
    background: url(../images/yuan-icon.png) no-repeat center center;
    background-size: 100%;
    margin-top: 5px;
}
.course-box3-on{
    width: 38px;
    height: 38px;
    background: url(../images/yuan-icon.png) no-repeat center center;
    background-size: 100%;
    margin-top: 5px;
}
.course-box4{
    width: 700px;
    height: 220px;
    background: #1A9590;
    display: inline-block;
    border-radius: 130px;
    -moz-border-radius: 130px;
    -webkit-border-radius: 130px;
    margin-bottom: 30px;
}
.course-img{
    width: 180px;
    height: 180px;
    float: left;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin: 20px;
}
.course-tbox{
    display: block;
    margin-left: 200px;
    height: 180px;
    margin-top: 20px;
    color: #DFF2F0;
}
.course-title{
    width: 90%;
    float: left;
    font-size: 22px;
    text-align: left;
}
.course-text{
    width: 85%;
    float: left;
    font-size: 14px;
    text-align: left;
    line-height: 28px;
    margin-top: 15px;
    height: 110px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 5%;
}
.course-tbox ::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
  .course-tbox ::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #1A9590;
  }
  .course-tbox ::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background   : #ededed;
  }
.course-time{
    width: 100%;
    float: left;
    font-size: 16px;
    color: #868485;
    margin-top: 30px;
}
.course-text2{
    width: 100%;
    height: 50px;
    line-height: 25px;
    font-size: 14px;
    color: #1A968C;
    float: left;
    display: -webkit-box;
    -webkit-line-clamp:2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
.course-box5{
    width: 100%;
    float: left;
}
.course-box6{
    width: 33.3%;
    float: left;
    height: 60px;
    text-align: center;
    position: relative;
}
.course-btn{
    width:150px;
    height: 30px;
    background: #1C9590;
    position: absolute;
    z-index: 2;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border:none;
    color: #FFFFFD;
    top:15px;
    left: 50%;
    margin-left: -65px;
}
.course-hline{
    width: 80%;
    height: 1px;
    background: #1A9590;
    position: absolute;
    top: 30px;
    left: 10%;
    z-index: 0;
}
.bg-red{background: #E05960;}
.course-sline2{
    width: 1px;
    height: 230px;
    border-right:1px dashed #E88187;
    position: absolute;
    bottom:0px;
    left: 33.3%;
}
.left-66{left: 66.6%;}
.arrow-left2{
    width: 30px;
    height: 30px;
    position: absolute;
    background: url(../images/sj-icon2.png) no-repeat center center;
    background-size: 13px 16px;
    left: 0px;
    top: 9px;
    z-index: 2;
    cursor: pointer;
}
.arrow-right2{
    width: 30px;
    height: 30px;
    position: absolute;
    background: url(../images/sj-icon.png) no-repeat center center;
    background-size: 13px 16px;
    right: 0px;
    top: 9px;
    z-index: 2;
    cursor: pointer;
}
@media only screen and (max-width: 1366px) {
   .honors-img3{max-height:740px;}
}
@media only screen and (max-width: 800px) {
   .about-us-img{width: 100%;}
   .about-us-right{width: 100%;}
   .course-box4{width: 100%;}
}
@media only screen and (max-width: 630px) {
   .course-box4{border-radius: 8px;height: 340px;text-align: center;}
   .course-btn{width: 80%;left: 10%;margin-left: 0px;}
   .course-img{width: 100px;height: 100px;object-fit: cover;display: inline-block;float: none;}
   .course-tbox{margin-left: 5%;width: 90%;margin-top: 5px;}
   .course-title{font-size: 16px;width: 100%;}
   .course-text{width: 100%;}
}
/* 手机等小屏幕手持设备 */
@media screen and (min-width: 320px) and (max-width: 480px) {
   .about-us-wrap{padding: 25px 0px;}
   .about-ban-text{font-size: 24px;}
   .about-ban-text2{width: 100%;font-size: 12px;}
   .honor-wrap{margin-top: 30px;}
   .layer-content{width: 90%;left: 5%;}
   .course-wrap{padding: 30px 0px;}
   .course-box{margin-top: 30px;}
   .course-time,.course-text2{font-size: 12px;}
    .honors-img3{max-height:660px;}
    .course-btn{font-size: 12px;}
}