@charset "utf-8";
.page {
    position: relative;
    width: 100%;
    overflow: hidden;
}


/* 头部区域 */

.group_1 {
    width: 100%;
    height: 100px;
    background-color: rgb(255, 255, 255);
}

.group_1 .image_1 {
    margin-top: 22px;
    float: left;
}

.group_1 .image_1 img {
    height: 55px;
}

.group_1 .head_right {
    float: right;
    margin-top: 30px;
}

.search_section2 {
    float: left;
}

.search_section2 select {
    display: block;
    float: left;
    padding-left: 10px;
    margin-right: 10px;
    width: 70px;
    height: 40px;
    font-size: 14px;
    color: #666;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(237, 237, 237, 1);
}

.group_1 .head_right .group_2 {
    float: left;
    width: 240px;
    height: 40px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(237, 237, 237, 1);
    overflow: hidden;
}

.group_1 .head_right .group_2 input {
    float: left;
    width: 198px;
    height: 38px;
    font-size: 14px;
    color: #666;
    border: 0;
}

.group_1 .head_right .group_2 button {
    float: right;
    width: 40px;
    height: 38px;
    border: 0;
    background: none;
}

.group_1 .head_right .head_quick {
    float: left;
    margin-top: 5px;
    margin-left: 30px;
    position: relative;
    min-width: 120px;
    height: 30px;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    color: #666;
}

.group_1 .head_right .head_quick>a>i {
    display: inline-block;
    margin-left: 7px;
    position: relative;
    top: -2px;
    width: 12px;
    height: 6px;
    background: url("../images/icon21.png") no-repeat;
    background-size: 100% 100%;
}

.group_1 .head_right .head_quick>a:hover {
    color: #4786FB;
}

.group_1 .head_right .head_quick:hover>a>i {
    background: url("../images/icon21_2.png") no-repeat;
    background-size: 100% 100%;
}

.group_1 .head_right .head_quick a {
    /*display: block;*/
}

.group_1 .head_right .head_quick .two_list {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border-radius: 10px;
    background: #fff;
    z-index: 999;
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

.group_1 .head_right .head_quick:hover .two_list {
    display: block;
}

.group_1 .head_right .head_quick .two_list a {
    font-size: 14px;
    color: #666;
    text-align: center;
}

.group_1 .head_right .text-wrapper_1,
.group_1 .head_right .text-wrapper_2 {
    display: block;
    float: left;
    margin-top: 5px;
    padding: 0 15px;
    height: 30px;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    border-radius: 15px;
}

.group_1 .head_right .text-wrapper_1 {
    margin-left: 20px;
    color: #fff;
    background: #4786FB;
}

.group_1 .head_right .text-wrapper_2 {
    margin-left: 10px;
    color: #4786FB;
    border: 1px solid #4786FB;
}


/* 导航区域 */

.box_29 {
    width: 100%;
    height: 50px;
    background-color: #4786FB;
}

.box_29>ul {
    padding: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
}

.box_29>ul>li {
    float: left;
    position: relative;
    width: 120px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 50px;
}

.box_29>ul>li a {
    display: block;
}

.box_29>ul>li:hover,
.box_29>ul>li.active {
    background: #3B7AED;
}

.box_29>ul>li a:hover {
    color: #fff;
}

.box_29>ul>li .menu_nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #4786FB;
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, .05);
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, .05);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, .05);
    z-index: 999;
}

.box_29>ul>li .menu_nav ul {
    padding: 0;
    list-style: none;
}

.box_29>ul>li .menu_nav li {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
}

.box_29>ul>li .menu_nav li a {
    padding: 10px 3px;
}

.box_29>ul>li .menu_nav li:hover {
    background: #3B7AED;
}


/* 底部区域 */

.group_13 {
    padding: 25px 0;
    width: 100%;
    overflow: hidden;
    background-color: #3B7AED;
}

.group_13 .text-wrapper_16 {
    width: 100%;
    overflow: hidden;
}

.group_13 .text-wrapper_16 a {
    display: inline-block;
    margin-right: 15px;
    font-size: 14px;
    color: rgba(255, 255, 255, 1);
    line-height: 30px;
}

.group_13 .group_14 {
    margin-top: 4px;
    width: 100%;
    overflow: hidden;
}

.group_13 .group_14 .section_9 {
    float: left;
    margin-top: 35px;
    width: 700px;
}

.group_13 .group_14 .section_9 .image_14 {
    /*width: 603px;*/
    height: 55px;
}

.group_13 .group_14 .section_9 .paragraph_12 {
    margin-top: 35px;
    font-size: 14px;
    color: rgba(255, 255, 255, 1);
    line-height: 24px;
}

.group_13 .group_14 .section_9 .paragraph_12 p {
    font-size: 14px;
    color: rgba(255, 255, 255, 1);
    line-height: 24px;
}

.group_13 .group_14 .section_9 .paragraph_12 p a:hover {
    color: #fff;
}

.group_13 .group_14 .image-text_2 {
    float: right;
    width: 128px;
    text-align: center;
}

.group_13 .group_14 .image-text_2 .image_15 {
    width: 128px;
    height: 128px;
}

.group_13 .group_14 .image-text_2 .text-group_6 {
    display: block;
    margin-top: 5px;
    font-size: 14px;
    color: rgba(255, 255, 255, 1);
    line-height: 30px;
}


/* 面包屑导航 */

.BreadNav {
    padding: 10px 0;
    font-size: 14px;
    color: #666;
    overflow: hidden;
}

.BreadNav img {
    margin-right: 10px;
}

.BreadNav span {
    margin: 0 5px;
}

.BreadNav a:hover,
.BreadNav a.active {
    color: #4786FB;
}


/* 返回顶部 */

.image-wrapper_3 {
    position: fixed;
    right: 30px;
    bottom: 277px;
    display: none;
    width: 60px;
    height: 60px;
    text-align: center;
    background: #4786FB;
    cursor: pointer;
    z-index: 999;
}

.image-wrapper_3 a {
    display: block;
    padding: 16px 0;
}


/* 左右广告位悬浮 */

.adve_fixed {
    position: absolute;
    top: 500px;
    width: 95px;
    height: 395px;
    z-index: 999;
}

.adve_fixed.left {
    left: 29px;
}

.adve_fixed img {
    width: 100%;
    height: 395px;
}

.adve_fixed .close {
    display: block;
    position: absolute;
    top: 6px;
    right: 6px;
    width: 22px;
    height: 22px;
    z-index: 9999;
    background: url(../images/hjkx/icon13.png) no-repeat;
}

.adve_fixed.right {
    right: 29px;
}


/************************************************首页内容********************************************************/


/**
 *  banner
 */


/* banner区域 */

.image_13 {
    width: 100%;
    height: 600px;
    overflow: hidden;
}

.image_13 .swiper-container {
    width: 100%;
    height: 100%;
}

.image_13 .swiper-slide {
    background-position: top center !important;
    background-repeat: no-repeat !important;
    background-size: auto 100% !important;
}

.image_13 .swiper-slide a {
    display: block;
    width: 100%;
    height: 600px;
}
.image_13 .swiper-button-next.swiper-button-disabled,
.image_13 .swiper-button-prev.swiper-button-disabled{
    opacity: 0;
}


/**
 *  内容区域
 */

.group_3 {
    position: relative;
    width: 100%;
}

.box_1 {
    width: 100%;
    height: 200px;
    background: url(../images/hjkx/bg2.jpg) top center no-repeat;
    background-size: auto 100%;
    overflow: hidden;
}

.box_1 .list_1 {
    margin: 0 auto;
    margin-top: 35px;
    width: 1200px;
}

.box_1 .list_1 .image-text_1-0 {
    float: left;
    width: 20%;
    text-align: center;
}

.box_1 .list_1 .image-text_1-0 .image_2-0 {
    margin: 0 auto;
    display: flex;
    width: 50px;
    height: 51px;
    align-items: center;
    justify-content: center;
}

.box_1 .list_1 .image-text_1-0 .text-group_1-0 {
    margin-top: 8px;
    font-size: 30px;
    color: rgba(51, 51, 51, 1);
}

.box_1 .list_1 .image-text_1-0 .text_4 {
    margin-top: 5px;
    font-size: 16px;
    color: rgba(51, 51, 51, 1);
    line-height: 24px;
}

.section {
    padding-top: 45px;
    padding-bottom: 55px;
    background: #fff;
    overflow: hidden;
}

.train_section {
    margin-top: 35px;
    padding: 20px;
    width: 100%;
    background: #F1F7FF;
    overflow: hidden;
}

.train_tab,
.train_tab .hd {
    width: 100%;
    overflow: hidden;
}

.train_tab .hd li {
    float: left;
    padding: 0 17px;
    padding-top: 15px;
    width: 96px;
    height: 100px;
    text-align: center;
    border-radius: 10px;
    cursor: pointer;
    overflow: hidden;
}

.train_tab .bd {
    margin-top: 20px;
    width: 100%;
    overflow: hidden;
}

.train_tab .hd li.on {
    background: #198CFF;
}

.train_tab .hd li .item_month {
    font-size: 18px;
    color: #333;
    text-align: center;
}

.train_tab .hd li .item_num {
    margin: 0 auto;
    margin-top: 15px;
    width: 61px;
    height: 26px;
    font-size: 14px;
    color: #666;
    text-align: center;
    line-height: 26px;
    background: #fff;
    border-radius: 13px;
}

.train_tab .hd li.on .item_month {
    color: #fff;
}

.train_tab .hd li.on .item_num {
    color: #198CFF;
}

.train_tab .bd {
    margin-top: 20px;
    padding: 20px 25px;
    padding-top: 0;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}

.train_tab .train_group {
    width: 100%;
    overflow: hidden;
}

.train_tab .train_group:not(:first-child) {
    display: none;
}

.train_list {
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.train_list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
    padding-bottom: 10px;
    padding-right: 27px;
    border-bottom: 1px solid #F4F5F5;
    overflow: hidden;
}

.train_list li .item_left {
    max-width: calc(100% - 90px);
}

.train_list li .item_left .item_title {
    line-height: 26px;
    overflow: hidden;
}

.train_list li .item_left .item_title h6 {
    float: left;
    max-width: 90%;
    font-size: 16px;
    color: #333;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.train_list li .item_left .item_title .item_label {
    float: left;
    display: block;
    padding: 0 10px;
    margin-left: 10px;
    height: 26px;
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    text-align: center;
    border-radius: 5px;
}

.train_list li .item_left .item_title .item_label.label_green {
    background: #4FAD61;
}

.train_list li .item_left .item_title .item_label.label_red {
    background: #E43D2B;
}

.train_list li .item_left .item_title .item_label.label_grey {
    background: #9E9999;
}

.train_list li .item_left .item_address {
    margin-top: 5px;
    font-size: 16px;
    color: #666;
}

.train_list li .item_right {
    width: 70px;
}

.train_list li .item_right .item_more {
    display: block;
    width: 70px;
    height: 34px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 34px;
    background: #198CFF;
    border-radius: 17px;
}

.section.section2 {
    padding-top: 0;
}

.section2 {
    padding-bottom: 70px;
    width: 100%;
}

.section2 .six_list {
    margin-top: 35px;
}

.section2 .text-wrapper_10 {
    margin-top: 40px;
}

.section2 .text-wrapper_10 .text_41 {
    color: #333;
    background: url(../images/hjkx/btn1.png) no-repeat;
}

.text_9 {
    font-size: 30px;
    color: rgba(51, 51, 51, 1);
    font-weight: normal;
    text-align: center;
}

.box_2 {
    position: relative;
    margin-top: 30px;
    width: 1200px;
    border: 1px solid rgba(229, 229, 229, 1);
    overflow: hidden;
}

.box_2:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 160px;
    bottom: 0;
    border-right: 1px solid #F5F5F5;
}

.box_3 {
    float: left;
    padding-top: 10px;
    width: 160px;
}

.box_3 .box_4 {
    position: relative;
    height: 71px;
    font-size: 16px;
    color: #333;
    text-align: center;
    line-height: 71px;
    border-right: 2px solid transparent;
    cursor: pointer;
}

.box_3 .box_4.on {
    color: #4786FB;
    background: #f5f5f5;
    border-right: 2px solid #4786FB;
}

.box_3 .box_4 a {
    display: block;
}

.box_2 .resources_cont {
    float: right;
    margin-top: 30px;
    width: 1018px;
    overflow: hidden;
}

.box_2 .bd .box_7 {
    width: 100%;
    overflow: hidden;
}

.group4list {
    width: 100%;
    overflow: hidden;
}

.group4list .group_4 {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 320px;
    height: 255px;
    border: 1px solid #f5f5f5;
}

.group4list .group_4:nth-child(3n) {
    margin-right: 0;
}

.group4list .group_4 .img_box {
    width: 100%;
    height: 180px;
    overflow: hidden;
}

.group4list .group_4 .img_box img {
    width: 100%;
    height: 180px;
    -webkit-transition: all .8s;
    -ms-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
}

.group4list .group_4:hover .img_box img {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    /* IE 9 */
    -moz-transform: scale(1.2);
    /* Firefox */
    -webkit-transform: scale(1.2);
    /* Safari 和 Chrome */
    -o-transform: scale(1.2);
}

.group4list .group_4 .item_cont {
    padding: 10px 20px;
    overflow: hidden;
}

.group4list .group_4 .item_cont p {
    font-size: 16px;
    color: #333;
    line-height: 26px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /*要显示的行数*/
    overflow: hidden;
    -webkit-transition: all .8s;
    -ms-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
}

.group4list .group_4:hover .item_cont p {
    color: #4786FB;
}

.box_10 {
    padding-top: 50px;
    width: 100%;
    height: 687px;
    background: url(../images/hjkx/bg3.png) top center no-repeat;
    background-size: auto 100%;
}

.box_10 .text_9 {
    color: #fff;
}

.block_3 {
    margin-top: 30px;
    width: 100%;
}

.block_3 .group_6 {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 590px;
    height: 90px;
    background-color: rgba(255, 255, 255, 1);
}

.block_3 .group_6:nth-child(2n) {
    margin-right: 0;
}

.block_3 .group_6 a {
    display: block;
    padding: 14px 13px;
    overflow: hidden;
}

.block_3 .group_6 .box_11 {
    float: left;
    width: 62px;
    height: 62px;
    background-color: #198CFF;
}

.block_3 .group_6 .box_11 span {
    display: block;
}

.block_3 .group_6 .box_11 .text_19 {
    margin: 0 8px;
    font-size: 18px;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    line-height: 34px;
    border-bottom: 1px solid #fff;
}

.block_3 .group_6 .box_11 .text_20 {
    font-size: 12px;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    line-height: 27px;
}

.block_3 .group_6 .item_cont {
    margin-left: 82px;
    display: flex;
    align-items: center;
    height: 62px;
}

.block_3 .group_6 .text_21 {
    font-size: 16px;
    color: rgba(51, 51, 51, 1);
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /*要显示的行数*/
    overflow: hidden;
    -webkit-transition: all .8s;
    -ms-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
}

.block_3 .group_6:hover .text_21 {
    color: #4786FB;
}

.text-wrapper_10 {
    margin-top: 20px;
    width: 100%;
    overflow: hidden;
}

.text-wrapper_10 .text_41 {
    display: block;
    margin: 0 auto;
    width: 170px;
    height: 38px;
    font-size: 16px;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    line-height: 38px;
    background: url(../images/hjkx/btn.png) no-repeat;
}

.section.two {
    padding-top: 50px;
    padding-bottom: 30px;
    background: #fff;
}

.box_24 {
    position: relative;
    margin-top: 42px;
    width: 100%;
}

.box_24 .bd {
    padding-right: 35px;
    width: 100%;
    overflow: hidden;
}

.box_24 .bd ul {
    padding: 0;
    list-style: none;
}

.box_24 .bd li {
    float: left;
    width: 400px;
}

.box_24 .bd li .img_box {
    margin: 0 auto;
    position: relative;
    z-index: 9;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
}

.box_24 .bd li .img_box img {
    width: 100%;
    height: 100px;
    border-radius: 50%;
}

.box_24 .bd li .item_cont {
    position: relative;
    top: -50px;
    margin: 0 auto;
    padding-top: 65px;
    width: 353px;
    height: 297px;
    background: #fff;
    box-shadow: 0px 0px 29px 0px rgba(178, 178, 178, 0.14);
}

.box_24 .bd li .item_cont h6 {
    font-size: 18px;
    color: #333;
    font-weight: normal;
    line-height: 24px;
    text-align: center;
}

.box_24 .bd li .item_cont h6 span {
    color: #4786FB;
}

.box_24 .bd li .item_cont .item_info {
    margin-top: 10px;
    font-size: 14px;
    color: #999;
    line-height: 24px;
    text-align: center;
}

.box_24 .bd li .item_cont .item_text {
    margin: 0 25px;
    margin-top: 8px;
    font-size: 16px;
    color: #333;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    /*要显示的行数*/
    overflow: hidden;
}

.teacher_slide .prev,
.teacher_slide .next,
.cooperative_slide .prev,
.cooperative_slide .next {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 56px;
    height: 56px;
    background: #fff;
    box-shadow: 0px 0px 29px 0px rgba(178, 178, 178, 0.14);
    border-radius: 50%;
    z-index: 99;
    -webkit-transition: all .8s;
    -ms-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
}

.teacher_slide .prev:hover,
.teacher_slide .next:hover,
.cooperative_slide .prev:hover,
.cooperative_slide .next:hover {
    background-color: #4786FB;
}

.teacher_slide .prev {
    left: -56px;
}

.teacher_slide .prev::after,
.teacher_slide .next::after,
.cooperative_slide .prev::after,
.cooperative_slide .next::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 14px;
    height: 24px;
    margin: auto;
}

.teacher_slide .prev::after,
.cooperative_slide .prev::after {
    background: url(../images/hjkx/icon7.png) no-repeat;
}

.teacher_slide .prev:hover:after,
.cooperative_slide .prev:hover:after {
    background: url(../images/hjkx/icon7_2.png) no-repeat;
}

.teacher_slide .next {
    right: -56px;
}

.cooperative_slide .prev {
    left: -80px;
}

.cooperative_slide .next {
    right: -80px;
}

.teacher_slide .next::after,
.cooperative_slide .next::after {
    background: url(../images/hjkx/icon8.png) no-repeat;
}

.teacher_slide .next:hover:after,
.cooperative_slide .next:hover:after {
    background: url(../images/hjkx/icon8_2.png) no-repeat;
}

.box_25 {
    padding-top: 49px;
    padding-bottom: 70px;
    width: 100%;
    height: 545px;
    background: url(../images/hjkx/bg4.png) top center no-repeat;
    background-size: auto 100%;
    overflow: hidden;
}

.box_26 {
    position: relative;
    margin-top: 35px;
    width: 100%;
}

.box_26 .bd {
    width: 100%;
    height: 346px;
    overflow: hidden;
}

.box_26 .section_5 {
    float: left;
    margin-right: 26px;
    width: 280px;
    height: 346px;
    background-color: rgba(255, 255, 255, 1);
}

.box_26 .section_5 .image_8 {
    margin: 0 auto;
    margin-top: 40px;
    width: 120px;
    height: 120px;
    overflow: hidden;
}

.box_26 .section_5 .image_8 img {
    width: 100%;
    height: 120px;
    border-radius: 50%;
}

.box_26 .section_5 .text-group_2 {
    margin-top: 20px;
    height: 48px;
    text-align: center;
}

.box_26 .section_5 .text-group_2 .text_56 {
    font-size: 20px;
    color: rgba(51, 51, 51, 1);
    line-height: 28px;
}

.box_26 .section_5 .text-group_2 .text_57 {
    font-size: 12px;
    color: rgba(153, 153, 153, 1);
    line-height: 20px;
}

.box_26 .section_5 .text_58 {
    margin-top: 50px;
    font-size: 16px;
    color: #3B7AED;
    line-height: 28px;
    text-align: center;
}


/************************************************课程页面********************************************************/


/**
 *  内容区域
 */

.pagecontent_bg {
    background: #f5f5f5;
}

.coursepage .section {
    overflow: hidden;
    width: 100%;
}

.coursepage .section1 {
    overflow: visible !important;
    height: auto;
}

.coursepage .notice_top {
    width: 100%;
    height: 50%;
}

.coursepage .notice_top_left {
    margin-right: 25px;
    width: 47%;
    height: 100%;
}

.coursepage .notice_title {
    width: 140px;
    height: 28px;
}

.coursepage .notice_title div {
    float: left;
}

.coursepage .notice_title_text {
    margin-top: -3px;
    margin-left: 12px;
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    color: #333333;
}

.coursepage .notice_content {
    margin-top: 22px;
    padding-right: 40px;
    width: 100%;
    height: 80px;
}

.coursepage .notice_content li {
    margin-bottom: 10px;
    width: 100%;
    font-size: 14px;
}

.coursepage .notice_content ul li a {
    display: inline-block;
    overflow: hidden;
    max-width: 70%;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.coursepage .notice_content ul li a span {
    margin-right: 10px;
    color: #4786FB;
}

.coursepage .publishtime {
    float: right;
    color: #999999;
}

.coursepage .notice_content li::marker {
    color: #4786FB;
}

.coursepage .notice_top_right {
    width: 50%;
    height: 100%;
}

.coursepage .notice_top_right .notice_title {
    padding-left: 520px;
}

.coursepage .notice_top_right .notice_title .notice_title_text {
    font-size: 14px;
    line-height: 30px;
    color: #666666;
}

.coursepage .notice_bot {
    width: 100%;
    height: 50%;
}

.coursepage .notice_bot .topImg {
    float: left;
    margin-right: 25px;
    width: 380px;
    height: 150px;
}

.coursepage .notice_bot .topImg img {
    width: 100%;
}

.coursepage .notice_bot .topImg:last-child {
    margin-right: 0;
}

.coursepage .change_section .more {
    font-size: 14px;
    line-height: 30px;
    color: #666666;
}

.coursepage .change_section .pic_box,
.pic_box.two {
    margin-top: 20px;
}

.coursepage .change_section .pic_box a,
.pic_box.two a {
    display: block;
    position: relative;
    width: 285px;
}

.coursepage .change_section .cover_black,
.pic_box.two a .cover_black {
    display: none;
    position: absolute;
    z-index: 9;
    width: 285px;
    height: 160px;
    background-color: rgba(0, 0, 0, 0.6);
}

.coursepage .cover_black .play_pic,
.pic_box.two .play_pic {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 47px;
    height: 47px;
}

.coursepage .cover_black .play_pic img,
.pic_box.two .play_pic img {
    width: 100%;
    height: 100% !important;
}

.coursepage .change_section .pic {
    margin-right: 20px;
    margin-bottom: 20px;
    height: 360px;
    background: #fff;
    box-shadow: 0 1px 8px 0 rgba(169, 169, 169, 0.15);
}

.pic_box.two .pic {
    position: relative;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 285px;
    box-shadow: 0 1px 8px 0 rgba(169, 169, 169, 0.15);
}

.coursepage .change_section .pic:nth-child(4n),
.pic_box.two .pic:nth-child(4n) {
    margin-right: 0;
}

.coursepage .change_section .pic img,
.pic_box.two .pic img {
    width: 100%;
    height: 160px;
}

.coursepage .change_section .pic .item_tag {
    position: absolute;
    top: 10px;
    right: 0;
    width: 64px;
    height: 28px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 28px;
    background: #4786FB;
    border-radius: 14px 0px 0px 14px;
}

.coursepage .change_section .detail_box {
    padding: 20px;
    padding-top: 15px;
    background-color: #fff;
    overflow: hidden;
}

.pic_box.two .pic .detail_box {
    padding-top: 20px;
    width: 285px;
    height: 70px;
    background-color: #fff;
    overflow: hidden;
}

.coursepage .detail_title {
    margin-right: auto;
    margin-left: auto;
    width: 245px;
    height: 56px;
    overflow: hidden;
}

.coursepage .detail_title h6 {
    font-size: 16px;
    color: #333;
    line-height: 28px;
    font-weight: normal;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    /*要显示的行数*/
    -webkit-line-clamp: 2;
}

.pic_box.two .pic .detail_title {
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
    width: 244px;
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333333;
}

.coursepage .ditail_text {
    margin-right: auto;
    margin-left: auto;
    width: 245px;
    line-height: 24px;
}

.pic_box.two .pic .ditail_text {
    margin-right: auto;
    margin-left: auto;
    margin-top: 12px;
    width: 244px;
    line-height: 24px;
}

.coursepage .icon_view,
.pic_box.two .pic .icon_view {
    width: 16px;
}

.coursepage .change_section .pic .icon_view img,
.pic_box.two .pic .icon_view img {
    width: 16px;
    height: 10px;
}

.coursepage .change_section .viewNum {
    margin-top: 4px;
    font-size: 12px;
    color: #999;
}

.pic_box.two .pic .viewNum {
    margin-left: 10px;
    font-size: 12px;
    color: #999999;
}

.coursepage .change_section .btn_link,
.pic_box.two .pic .btn_link {
    border-radius: 3px;
    width: 64px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    background: #4786FB;
}

.coursepage .change_section .money_item,
.pic_box.two .pic .money_item {
    overflow: hidden;
}

.coursepage .change_section .money_item .money_first,
.pic_box.two .pic .money_item .money_first {
    font-size: 18px;
    color: #f54242;
    font-weight: bold;
}

.coursepage .change_section .money_item .money_two,
.pic_box.two .pic .money_item .money_two {
    font-size: 12px;
    color: #999;
    text-decoration: line-through;
}

.coursepage .change_section .btn_link.non_free,
.pic_box.two .pic .btn_link.non_free {
    border-radius: 0;
    width: 80px;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
    text-indent: 8px;
    color: #F54242;
    background: #fff;
}

.coursepage .pic_box ul li:hover,
.pic_box.two li:hover {
    transform: scale(1.06)
}

.coursepage .pic_box ul li:hover .cover_black,
.pic_box.two li:hover .cover_black {
    display: block;
}

.pic_box.two li:hover .detail_box {
    height: 119px;
}

.pic_box.two li:hover .detail_box .detail_bottom {
    display: block;
}

.coursepage .change_section .detail_bottom {
    margin: 0 auto;
    margin-bottom: 13px;
    width: 245px;
    height: 42px;
}

.pic_box.two .pic .detail_bottom {
    display: none;
    position: absolute;
    bottom: 0;
    left: 20.5px;
    border-top: 1px solid #F3F3F3;
    width: 244px;
    height: 50px;
}

.coursepage .change_section .detail_bottom p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    padding-top: 6px;
    width: 245px;
    font-size: 12px;
    line-height: 18px;
    text-overflow: ellipsis;
    color: #333;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.pic_box.two .pic .detail_bottom p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    padding-top: 6px;
    width: 244px;
    font-size: 12px;
    line-height: 18px;
    text-overflow: ellipsis;
    color: #999999;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}


/*课程目录*/

.curriculum_menu {
    margin-bottom: 30px;
}

.curriculum_menu>ul>li .curriculum_title {
    padding: 13px 15px;
    border-bottom: 1px solid #eee;
    background: #FAFAFA;
    overflow: hidden;
}
.curriculum_menu>ul>li .click_group{
    cursor: pointer;
}

.curriculum_menu>ul>li h6 {
    float: left;
    font-size: 16px;
    color: #333;
    font-weight: bold;
}

.curriculum_menu>ul>li .item_more {
    float: right;
    padding-right: 13px;
    font-size: 14px;
    color: #4786FB;
    background: url(../images/icon10.png) right center no-repeat;
}

.curriculum_menu>ul>li .item_more2 {
    display: none;
    float: right;
    padding-right: 13px;
    font-size: 14px;
    color: #4786FB;
    background: url(../images/icon10_2.png) right center no-repeat;
}

.curriculum_menu>ul>li .curriculum_title.active .item_more,
.curriculum_menu>ul>li .node_title.active .item_more {
    display: none;
}

.curriculum_menu>ul>li .curriculum_title.active .item_more2,
.curriculum_menu>ul>li .node_title.active .item_more2{
    display: block;
}

.curriculum_menu>ul>li ul {
    width: 100%;
    overflow: hidden;
}
.curriculum_menu>ul>li >ul>li{
    width: 100%;
    overflow: hidden;
}
.curriculum_menu>ul>li >ul>li .node_title{
    padding: 15px 30px;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}
.curriculum_menu>ul>li >ul>li .node_title h6{
    font-size: 16px;
}

.curriculum_menu>ul>li >ul >li>ul li {
    padding: 13px 30px;
    line-height: 30px;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}

.curriculum_menu>ul>li >ul >li>ul li:hover {
    background: #f8f8f8;
}

.curriculum_menu>ul>li >ul >li>ul li:hover .curriculum_left label {
    display: block;
}

.curriculum_menu>ul>li >ul >li>ul li .curriculum_left label:hover {
    color: #fff;
    background: #2d97fc;
}

.curriculum_menu>ul>li >ul >li>ul li .curriculum_left label:hover a {
    color: #fff;
}

.curriculum_menu>ul>li >ul >li>ul li .curriculum_left {
    float: left;
    display: flex;
    align-items: center;
    width: 70%;
}

.curriculum_menu>ul>li >ul >li>ul li .curriculum_left img {
    float: left;
    margin-right: 10px;
}
.curriculum_menu>ul>li>ul>li>ul li .curriculum_center{
    float: left;
}
.curriculum_menu>ul>li>ul>li>ul li .curriculum_center .progress{
    position: relative;
    display: inline-block;
    width: 100px;
    height: 10px;
    background: #DEDEDE;
    border-radius: 5px;
    overflow: hidden;
}
.curriculum_menu>ul>li>ul>li>ul li .curriculum_center .progress .progress-bar{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 10px;
    background: #4DAF7B;
    transition: all 0.3s;
    border-radius: 5px;
}
.curriculum_menu>ul>li>ul>li>ul li .curriculum_center .progress-num{
    display: inline-block;
    margin-left: 2px;
    font-size: 14px;
    color: #4DAF7B;
}

.curriculum_menu>ul>li >ul >li>ul li .item_title {
    display: block;
    float: left;
    max-width: 75%;
    font-size: 16px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.curriculum_menu>ul>li >ul >li>ul li .item_title:hover a{
    color: #2D97FC;
}

.curriculum_menu>ul>li >ul >li>ul li label {
    /*display: none;*/
    float: left;
    margin-top: 3px;
    margin-left: 20px;
    padding: 0 5px;
    height: 22px;
    font-size: 12px;
    color: #4786FB;
    text-align: center;
    line-height: 20px;
    border: 1px solid #4786FB;
    border-radius: 3px;
}

.curriculum_menu>ul>li >ul >li>ul li label a {
    display: block;
}

.curriculum_menu>ul>li >ul >li>ul li .curriculum_right {
    float: right;
}

.curriculum_menu>ul>li >ul >li>ul li .curriculum_right .playtime {
    margin-right: 30px;
    font-size: 14px;
    color: #999;
}

.curriculum_menu>ul>li >ul >li>ul li .curriculum_right .item_lock {
    display: inline-block;
    width: 9px;
}

.curriculum_menu>ul>li >ul >li>ul li .curriculum_right .item_lock img {
    position: relative;
    top: -2px;
}
.curriculum_menu>ul>li >ul >li>ul li .curriculum_right .item_file {
    margin-right: 30px;
}


/**
 *  分页相关
 */

.coursepage .pages .pagination li:hover,
.coursepage .pages .pagination li.active,
.coursepage .pages div.next:hover,
.coursepage .pages div.prv:hover {
    border: 1px solid #4786FB;
    background: #4786FB;
}


/**
 *  导航下半部分内容样式
 */

.coursepage .w-1200 {
    width: 1200px;
}

.coursepage .fl {
    float: left;
}

.coursepage .p-l-10 {
    padding-left: 10px;
}

.coursepage .p-r-10 {
    padding-right: 10px;
}

.coursepage .w-all {
    width: 100%;
}

.coursepage .p-b-10 {
    padding-bottom: 10px;
}

.coursepage .p-t-10 {
    padding-top: 10px;
}

.coursepage .ovhidden {
    overflow: hidden;
}

.coursepage .line-h28 {
    line-height: 28px;
}

.coursepage .w-80 {
    width: 80px;
}

.coursepage .fs-14 {
    font-size: 14px !important;
}

.coursepage .ftc-888888 {
    color: #666666;
}

.coursepage .fl {
    float: left;
}

.coursepage .w-1100 {
    width: 1100px;
}

.coursepage .w-max120 {
    max-width: 120px;
}

.coursepage .w-min80 {
    min-width: 80px;
}

.coursepage .p-b-3 {
    padding-bottom: 3px;
}

.coursepage .m-l-24 {
    margin-left: 24px;
}

.coursepage .m-r-24 {
    margin-right: 24px;
}

.coursepage .line-h28 {
    line-height: 28px;
}

.coursepage .w-all {
    width: 100%;
}

.coursepage .fs-14 {
    font-size: 14px !important;
}

.coursepage .ftc-525252 {
    color: #333333;
}

.coursepage .text-c {
    text-align: center;
}

.coursepage .curpter {
    cursor: pointer;
}

.coursepage .dsblock {
    display: block;
}

.coursepage .bg-c-e5e5e5 {
    background-color: #e5e5e5;
}

.coursepage .hg-1 {
    height: 1px;
}

.coursepage .w-all {
    width: 100%;
}

.coursepage .nav_bot {
    background-color: #fff;
}

.coursepage .nav_bot .active {
    background-color: #4786FB;
}

.coursepage .nav_bot .active .ftc-525252 {
    color: #fff;
    background-color: #4786FB;
}


/************************************************课程详情页面********************************************************/


/**
 *  内容区域
 */

.course_detail .section {
    overflow: hidden;
    width: 100%;
}


/*第一部分*/

.course_detail .section1 {
    height: 298px;
    background-color: #ffffff;
}

.course_detail .section1 .section1_left {
    position: relative;
    width: 500px;
    height: 298px;
}

.course_detail .section1 .section1_left img {
    width: 100%;
    height: 100%;
}

.course_detail .section1 .section1_left a {
    display: block;
    width: 100%;
    height: 100%;
}

.course_detail .section1 .btn_play {
    position: absolute;
    top: 127px;
    left: 228px;
    z-index: 2;
    width: 44px;
    height: 44px;
}

.course_detail .section1 .imgCover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}

.course_detail .section1 .section1_right {
    position: relative;
    width: 668px;
    height: 298px;
}

.course_detail .section1 .section1_right .item_select{
    margin-top: 15px;
    width: 100%;
    overflow: hidden;
}
.course_detail .section1 .section1_right .item_select .item_tit{
    float: left;
    font-size: 16px;
    color: #666;
    line-height: 33px;
}
.course_detail .section1 .section1_right .item_select .item_cont{
    float: left;
}
.course_detail .section1 .section1_right .item_select .item_cont a{
    display: block;
    float: left;
    margin-right: 10px;
    padding: 0 10px;
    height: 33px;
    font-size: 14px;
    color: #999;
    text-align: center;
    line-height: 31px;
    background: #F7F7F7;
    border-radius: 5px;
    border: 1px solid #999;
}
.course_detail .section1 .section1_right .item_select .item_cont a.active{
    color: #347BD1;
    border-color: #347BD1;
    background: #F4F9FF;
}

.course_detail .section1 .titele {
    margin-top: 20px;
    width: 100%;
    height: 30px;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.course_detail .section1 .view_box {
    margin-top: 8px;
    width: 100%;
    height: auto;
    font-size: 12px;
    line-height: 30px;
    color: #333333;
}

.course_detail .section1 .viewnums img {
    margin-top: 10px;
    width: 16px;
    height: 10px;
    vertical-align: top;
}

.course_detail .section1 .learnednums {
    margin-left: 20px;
}

.course_detail .section1 .shaer_box {
    margin-left: 20px;
    /* cursor: pointer; */
}

.course_detail .section1 .shaer_box img {
    margin-top: -3px;
}

.course_detail .section1 .catagory_box {
    margin-top: 5px;
    border-radius: 4px;
    width: 648px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    color: #666666;
    background: #F3F3F3;
}

.course_detail .section1 .catagory_box span {
    margin-left: 10px;
}

.course_detail .section1 .creditBox {
    margin-top: 16px;
    width: 100%;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
}

.course_detail .section1 .creditBox .icon_choice {
    margin-right: 10px;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    width: 80px;
    height: 30px;
    /*cursor: pointer;*/
}

.course_detail .section1 .creditBox .icon_choice.active {
    border: 1px solid #4786FB;
    color: #4786FB;
}

.course_detail .section1 .creditBox .icon_choice img {
    margin-top: -3px;
    margin-left: 5px;
}

.course_detail .section1 .priceBox {
    margin-top: 10px;
    width: 100%;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    color: #666666;
}

.course_detail .section1 .priceBox span {
    font-size: 20px;
    color: #EB3535;
}

.course_detail .section1 .priceBox i {
    margin-left: 15px;
    font-style: normal;
    font-size: 12px;
    color: #999;
    text-decoration: line-through;
}

.course_detail .section1 .btnsBox {
    margin-top: 10px;
    width: 100%;
    height: 40px;
    font-size: 14px;
    line-height: 36px;
    color: #FFFFFF;
}

.course_detail .section1 .btnsBox a:hover {
    color: #fff;
}

.course_detail .btn_start {
    display: block;
    margin-right: 10px;
    border-radius: 18px;
    width: 96px;
    height: 36px;
    text-align: center;
    background: #4786FB;
}

.course_detail .btn_invite {
    display: block;
    margin-right: 10px;
    border-radius: 18px;
    width: 96px;
    height: 36px;
    text-align: center;
    background: #F8C028;
}

.course_detail .btn_mobile {
    display: block;
    margin-right: 10px;
    border-radius: 18px;
    width: 96px;
    height: 36px;
    text-align: center;
    background: #E45D39;
}

.course_detail .shaerBtnBox {
    position: absolute;
    top: 61px;
    left: 238px;
    width: 100px;
    height: 25px;
}


/**
 *  第二部分
 */

.course_detail .section2,
.study .section2 {
    /* height: 456px; */
    margin-top: 20px;
    height: auto;
}

.study .section2 {
    background: #fff;
}

.course_detail .section2_left,
.study .section2 .section2_left {
    padding-right: 20px;
    /* height: 456px; */
    padding-left: 20px;
    width: 735px;
    height: auto;
    background-color: #fff;
}

.study .section2 .section2_left {
    width: auto;
}

.course_detail .section2_left .tabBox,
.schedule_tab .hd,
.study .section2 .tabBox,
.liveinformation .tabBox {
    border-bottom: 1px solid #E5ECF4;
    width: 100%;
    height: 49px;
    font-size: 16px;
    line-height: 46px;
}

.course_detail .section2_left .tabBox div,
.schedule_tab .hd a,
.study .section2 .tabBox div,
.liveinformation .tabBox div {
    margin-right: 40px;
    border-top: 3px solid #fff;
    height: 48px;
    cursor: pointer;
}

.schedule_tab .hd a {
    display: block;
    float: left;
}

.course_detail .section2_left .tabBox div.active,
.schedule_tab .hd a.on,
.study .section2 .tabBox div.active,
.liveinformation .tabBox div.active {
    border-bottom: 3px solid #4786FB;
}

.course_detail .section2_left .con_card,
.study .section2 .con_card,
.liveinformation .con_card {
    width: 100%;
    height: auto;
    font-size: 14px;
    line-height: 30px;
    color: #333333;
    overflow: hidden;
}

.course_detail .con_card1,
.study .section2 .con_card1,
.liveinformation .con_card1 {
    margin-top: 10px;
    padding-bottom: 15px;
    min-height: 396px !important;
}

.course_detail .section2_left .con_card p,
.study .section2 .con_card p,
.liveinformation .con_card p {
    margin-top: 3px;
    text-align: left;
}

.course_detail .section2_left .con_card img,
.study .section2 .con_card img,
.liveinformation .con_card img {
    max-width: 100%;
}

.course_detail .section2_left .con_card,
.study .section2 .con_card,
.liveinformation .con_card {
    display: none;
    /* height: 367px; */
    margin-top: 20px;
    height: auto;
    min-height: 386px !important;
    /* overflow-y: scroll;
  overflow-x: hidden; */
}

.study .section2 .con_card2,
.liveinformation .con_card2 {
    margin-top: 0;
}


/*.course_detail .con_card2 .h3 {*/


/*  font-size: 16px;*/


/*  color: #333333;*/


/*}*/


/*.course_detail .con_card2 li {*/


/*  position: relative;*/


/*  margin-top: 10px;*/


/*  padding-left: 50px;*/


/*  width: 91%;*/


/*  height: 50px;*/


/*  font-size: 14px;*/


/*  line-height: 50px;*/


/*  background-color: #ffffff;*/


/*}*/


/*.course_detail .con_card2 li a {*/


/*  display: block;*/


/*  width: 100%;*/


/*  height: 100%;*/


/*}*/


/*.course_detail .con_card2 li:hover {*/


/*  background-color: #E9F3FF;*/


/*}*/


/*.course_detail .con_card2 li .icon {*/


/*  position: absolute;*/


/*  top: 0;*/


/*  left: 0;*/


/*  width: 50px;*/


/*  height: 50px;*/


/*  background-repeat: no-repeat;*/


/*  background-position: 10px 16px;*/


/*  background-size: 14px 14px;*/


/*}*/

.course_detail .icon_video {
    background-image: url("../images/icon_video.png");
}

.course_detail .icon_text {
    background-image: url("../images/icon_text.png");
}

.course_detail .section2_right {
    margin-left: 19px;
    padding-right: 26px;
    padding-left: 27px;
    width: 352px;
    height: 456px;
    background-color: #fff;
}

.course_detail .section2_right .title {
    border-bottom: 1px solid #E5ECF4;
    width: 100%;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    color: #333333;
}

.course_detail .section2_right .teacherBox {
    overflow: hidden;
    position: relative;
    margin-top: 19px;
    width: 100%;
    height: 62px;
}

.course_detail .section2_right .avatar {
    overflow: hidden;
    border-radius: 50%;
    width: 62px;
    height: 62px;
}

.course_detail .section2_right .avatar img {
    width: 100%;
    height: 100%;
}

.course_detail .section2_right .teacherName {
    margin-left: 30px;
    width: 100px;
    height: auto;
    font-size: 16px;
    color: #333333;
    /* margin-top: 20px; */
}

.course_detail .section2_right .teacherPro {
    display: inline-block;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 92px;
    width: 234px;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.course_detail .section2_right .teacherIntro {
    margin-top: 20px;
    padding-right: 25px;
    padding-left: 19px;
    width: 308px;
    height: auto;
    font-size: 14px;
    line-height: 30px;
    color: #666666;
}

.course_detail .section2_right .teacherIntro p {
    text-indent: 25px;
}

.zhibo_title {
    width: 100%;
    overflow: hidden;
}

.zhibo_title #qdButton {
    float: right;
}

.zhibo_title h6 {
    float: left;
    max-width: 80%;
    font-size: 24px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/**
 *  底部
*/

.course_detail .footer {
    margin-top: 30px;
}


/**
 *  重写目录内容
 */

.course_detail .my-chapter-title {
    color: #fff;
    background-color: #4786FB;
}

.course_detail .my-section-title {
    color: #4786FB;
    background-color: #fff;
}

.course_detail .my-point-title {
    color: #4786FB;
    background-color: #fff;
}

.course_detail .layui-collapse {
    border: none;
    border-style: none;
}


/************************************************学习-视频页面********************************************************/


/**
 *  内容区域
 */

.study .section {
    padding: 0;
    width: 100%;
}


/*第一部分*/

.study .section1 {
    height: auto;
}

.study .section1 .section1_left {
    box-sizing: border-box;
    padding: 20px 10px;
    width: 340px;
    height: auto;
    background-color: #ffffff;
    /* height: 588px;
  overflow: hidden;
  overflow-y: scroll; */
}

.study .section1 .section1_left .part {
    position: relative;
    border-bottom: 1px solid #fff;
    width: 100%;
}

.lanmu_list li {
    border: 1px solid #F5F5F6;
}

.lanmu_list>li>.lanmu_title {
    padding: 15px 9px;
    padding-right: 25px;
    font-size: 16px;
    color: #333;
    font-weight: bold;
}

.lanmu_list>li .lanmu_title {
    background-color: #F5F5F6;
    background-image: url(../images/icon4_2.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    cursor: pointer;
}

.lanmu_list>li .lanmu_title.active {
    background-image: url(../images/icon4.png);
    background-repeat: no-repeat;
    background-position: 95% center;
}

.lanmu_list>li .lanmu_listcont {
    padding: 10px 15px;
}

.lanmu_list>li .lanmu_listcont .lanmu_group {
    font-size: 14px;
    color: #666;
}

.lanmu_list>li .lanmu_listcont .lanmu_group a {
    display: block;
    padding: 8px 0;
}

.lanmu_list>li .lanmu_listcont .lanmu_group a.active {
    color: #4786FB;
}

.lanmu_list>li .lanmu_listcont .lanmu_group img {
    margin-right: 10px;
}

.lanmu_list>li .lanmu_listcont ul {
    margin-top: 7px;
}

.lanmu_list>li .lanmu_listcont ul li .lanmu_title {
    padding: 11px 15px;
    font-size: 14px;
    color: #666;
}


/**目录图标**/

.study .section1 .section1_left .part .icon {
    position: absolute;
    top: 13px;
    left: 8px;
    z-index: 7;
    width: 14px;
    /* border-radius: 50%; */
    height: 14px;
    font-size: 14px;
    line-height: 12px;
    text-indent: 1.5px;
    background-size: 14px 14px;
}

.study .section1 .section1_left .part .icon.iconP {
    background-image: url(../images/icon_p_w.png);
}

.study .section1 .section1_left .part .icon.iconM {
    display: none;
    background-image: url(../images/icon_m_w.png);
}


/*子目录icon*/

.study .section1 .section1_left .part .sep .icon {
    position: absolute;
    top: 13px;
    left: 19px;
    z-index: 7;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    font-size: 14px;
    line-height: 13px;
    text-indent: 1.5px;
    background-size: 14px 14px;
}

.study .section1 .section1_left .part .sep .icon.iconP {
    display: block;
    background-image: url(../images/icon_p_b.png);
}

.study .section1 .section1_left .part .sep .icon.iconM {
    display: none;
    background-image: url(../images/icon_m_b.png);
}


/**图标结束**/

.study .section1 .section1_left .part h4 {
    position: relative;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    text-indent: 30px;
    color: #fff;
    background-color: #4786FB;
    cursor: pointer;
}

.study .section1_left .sep {
    display: none;
    position: relative;
    /*默认隐藏*/
    width: 100%;
}

.study .section1_left .sep h5 {
    position: relative;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    text-indent: 50px;
    color: #4786FB;
    cursor: pointer;
}

.study .sep ul {
    display: none;
    margin-left: 20px;
    width: 240px;
    height: auto;
    font-size: 14px;
    /*默认隐藏*/
    color: #666666;
}

.study .sep ul li {
    display: table;
    position: relative;
    border-bottom: 1px solid #E0DFE0;
    padding-right: 10px;
    padding-left: 32px;
    height: 58px;
}

.study .sep ul li.active {
    color: #4786FB;
    background-color: #E9F3FF;
}

.study .sep ul li:hover {
    color: #4786FB;
    background-color: #E9F3FF;
}

.study .sep ul li a {
    display: table-cell;
    vertical-align: middle;
}

.study .section1_right {
    margin-left: 20px;
    padding-top: 30px;
    padding-right: 30px;
    padding-left: 30px;
    width: 780px;
    height: 488px;
    background-color: #fff;
}

.study .section1_right h4 {
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    text-align: center;
    color: #333333;
}

.study .section1_right .videoCon {
    margin-top: 20px;
    width: 840px;
    height: 407px;
}

.study .videoCon iframe {
    width: 100%;
    height: 100%;
}


/*列表相关操作*/

.study .section1_left .part.active .sep {
    display: block;
}

.study .section1_left .part.active .icon.iconP {
    display: none;
}

.study .section1_left .part.active .icon.iconM {
    display: block;
}

.study .section1_left .part .sep.active ul {
    display: block;
}

.study .section1_left .part .sep.active .icon.iconP {
    display: none;
}

.study .section1_left .part .sep.active .icon.iconM {
    display: block;
}


/**
 *  底部
*/

.study .footer {
    margin-top: 30px;
}


/**
 *  列表图标相关
 */

.study .section1_left .icon_list {
    position: absolute;
    top: 14px;
    left: 12px;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
}

.study .icon_video {
    background-image: url(../images/icon_video.png);
    background-size: 14px 12px;
}

.study .sep ul li.active .icon_video {
    background-image: url(../images/icon_video_act.png);
    background-size: 14px 12px;
}

.study .icon_text {
    background-image: url(../images/icon_text.png);
    background-size: 14px 14px;
}

.study .sep ul li.active .icon_text {
    background-image: url(../images/icon_text_act.png);
    background-size: 14px 14px;
}


/**
 *  重写目录内容
 */

.study .my-chapter-title {
    overflow: hidden;
    border-bottom: 1px solid #ffffff;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff;
    background-color: #4786FB;
}

.study .my-section-title {
    overflow: hidden;
    border-bottom: 1px solid #E0DFE0;
    white-space: nowrap;
    text-indent: 0.5em;
    text-overflow: ellipsis;
    color: #4786FB;
    background-color: #fff;
}

.study .my-point-title {
    overflow: hidden;
    border-bottom: 1px solid #E0DFE0;
    white-space: nowrap;
    text-indent: 1em;
    text-overflow: ellipsis;
    color: #4786FB;
    background-color: #fff;
}

.study .my-course-title {
    overflow: hidden;
    border-bottom: dashed 1px #E0DFE0;
    padding-right: 20px;
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
    text-indent: 2.5em;
    text-overflow: ellipsis;
}

.study .my-course-title.my-course-title3 {
    text-indent: 3.5em;
}

.study .layui-collapse {
    border: none;
    border-style: none;
}

.study .layui-colla-content {
    /* padding-top: 0;
  padding-bottom: 0; */
    border: none;
    border-style: none;
    padding: 0;
}

.study .layui-colla-item {
    border: none;
    border-style: none;
    padding-top: 0;
    padding-bottom: 0;
}

.study .layui-bg-active {
    color: #4786FB;
    background-color: #E9F3FF;
}


/************************************************学习-文章页面********************************************************/


/**
 *  内容区域
 */

.study_article .section {
    overflow: hidden;
    width: 100%;
}


/*第一部分*/

.study_article .section1 {
    height: auto;
}

.study_article .section1 .section1_left {
    width: 280px;
    height: auto;
    background-color: #ffffff;
    /* height: 588px;
  overflow: hidden;
  overflow-y: scroll; */
}

.study_article .section1 .section1_left .part {
    position: relative;
    border-bottom: 1px solid #fff;
    width: 100%;
}


/**目录图标**/

.study_article .section1 .section1_left .part .icon {
    position: absolute;
    top: 13px;
    left: 8px;
    z-index: 7;
    width: 14px;
    /* border-radius: 50%; */
    height: 14px;
    font-size: 14px;
    line-height: 12px;
    text-indent: 1.5px;
    background-size: 14px 14px;
}

.study_article .section1 .section1_left .part .icon.iconP {
    background-image: url(../images/icon_p_w.png);
}

.study_article .section1 .section1_left .part .icon.iconM {
    display: none;
    background-image: url(../images/icon_m_w.png);
}


/*子目录icon*/

.study_article .section1 .section1_left .part .sep .icon {
    position: absolute;
    top: 13px;
    left: 19px;
    z-index: 7;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    font-size: 14px;
    line-height: 13px;
    text-indent: 1.5px;
    background-size: 14px 14px;
}

.study_article .section1 .section1_left .part .sep .icon.iconP {
    display: block;
    background-image: url(../images/icon_p_b.png);
}

.study_article .section1 .section1_left .part .sep .icon.iconM {
    display: none;
    background-image: url(../images/icon_m_b.png);
}


/**图标结束**/

.study_article .section1 .section1_left .part h4 {
    position: relative;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    text-indent: 30px;
    color: #fff;
    background-color: #4786FB;
    cursor: pointer;
}

.study_article .section1_left .sep {
    display: none;
    position: relative;
    /*默认隐藏*/
    width: 100%;
}

.study_article .section1_left .sep h5 {
    position: relative;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    text-indent: 50px;
    color: #4786FB;
    cursor: pointer;
}

.study_article .sep ul {
    display: none;
    margin-left: 20px;
    width: 240px;
    height: auto;
    font-size: 14px;
    /*默认隐藏*/
    color: #666666;
}

.study_article .sep ul li {
    display: table;
    position: relative;
    border-bottom: 1px solid #E0DFE0;
    padding-right: 10px;
    padding-left: 32px;
    height: 58px;
}

.study_article .sep ul li.active {
    color: #4786FB;
    background-color: #E9F3FF;
}

.study_article .sep ul li:hover {
    color: #4786FB;
    background-color: #E9F3FF;
}

.study_article .sep ul li a {
    display: table-cell;
    vertical-align: middle;
}

.study_article .section1_right {
    margin-left: 20px;
    padding-top: 30px;
    padding-right: 30px;
    padding-left: 30px;
    width: 840px;
    height: 651px;
    background-color: #fff;
}

.study_article .section1_right h4 {
    font-size: 18px;
    text-align: center;
}

.study_article .articel_content {
    overflow: hidden;
    margin-top: 21px;
    width: 840px;
    height: 553px;
}

.study_article .articel_content img {
    max-width: 840px;
}

.study_article .articel_content p {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 18px;
    text-indent: 2em;
    color: #666666;
}


/*列表相关操作*/

.study_article .section1_left .part.active .sep {
    display: block;
}

.study_article .section1_left .part.active .icon.iconP {
    display: none;
}

.study_article .section1_left .part.active .icon.iconM {
    display: block;
}

.study_article .section1_left .part .sep.active ul {
    display: block;
}

.study_article .section1_left .part .sep.active .icon.iconP {
    display: none;
}

.study_article .section1_left .part .sep.active .icon.iconM {
    display: block;
}


/**
 *  底部
*/

.study_article .footer {
    margin-top: 30px;
}


/**
 *  列表图标相关
 */

.study_article .section1_left .icon_list {
    position: absolute;
    top: 14px;
    left: 12px;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
}

.study_article .icon_video {
    background-image: url(../images/icon_video.png);
    background-size: 14px 12px;
}

.study_article .sep ul li.active .icon_video {
    background-image: url(../images/icon_video_act.png);
    background-size: 14px 12px;
}

.study_article .icon_text {
    background-image: url(../images/icon_text.png);
    background-size: 14px 14px;
}

.study_article .sep ul li.active .icon_text {
    background-image: url(../images/icon_text_act.png);
    background-size: 14px 14px;
}


/**
 *  重写目录内容
 */

.study_article .my-chapter-title {
    overflow: hidden;
    border-bottom: 1px solid #ffffff;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff;
    background-color: #4786FB;
}

.study_article .my-section-title {
    overflow: hidden;
    border-bottom: 1px solid #E0DFE0;
    white-space: nowrap;
    text-indent: 0.5em;
    text-overflow: ellipsis;
    color: #4786FB;
    background-color: #fff;
}

.study_article .my-point-title {
    overflow: hidden;
    border-bottom: 1px solid #E0DFE0;
    white-space: nowrap;
    text-indent: 1em;
    text-overflow: ellipsis;
    color: #4786FB;
    background-color: #fff;
}

.study_article .my-course-title {
    overflow: hidden;
    border-bottom: dashed 1px #E0DFE0;
    padding-right: 20px;
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
    text-indent: 2.5em;
    text-overflow: ellipsis;
}

.study_article .my-course-title.my-course-title3 {
    text-indent: 3.5em;
}

.study_article .layui-collapse {
    border: none;
    border-style: none;
}

.study_article .layui-colla-content {
    /* padding-top: 0;
  padding-bottom: 0; */
    border: none;
    border-style: none;
    padding: 0;
}

.study_article .layui-colla-item {
    border: none;
    border-style: none;
    padding-top: 0;
    padding-bottom: 0;
}

.study_article .layui-bg-active {
    color: #4786FB;
    background-color: #E9F3FF;
}


/************************************************关于页面********************************************************/


/**
 *  内容区域
 */

.aboutpage .section {
    overflow: hidden;
    width: 100%;
}


/*第一部分*/

.aboutpage .section1 {
    margin-top: 1px;
    height: auto;
}

.aboutpage .section1 .box {
    padding: 30px;
    width: 1200px;
    background-color: #fff;
}

.aboutpage .section1 .box h1 {
    margin-bottom: 10px;
    width: 1132px;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    color: #333333;
}

.aboutpage .section1 .box .articel_content {
    overflow: hidden;
    width: 95%;
}

.aboutpage .section1 .box .articel_content p {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 30px;
    text-indent: 2em;
    color: #666666;
}


/**
 *  底部
*/

.aboutpage .footer {
    margin-top: 30px;
}


/************************************************通知公告页面********************************************************/


/**
 *  内容区域
 */

.noticpage .section {
    overflow: hidden;
    margin-bottom: 20px;
    width: 1140px;
}

.noticpage .section1 {
    padding: 0 30px 0 30px;
    height: auto;
    background-color: #ffffff;
}

.noticpage .noticeUl {
    width: 100%;
}

.noticpage .noticeUl li {
    border-bottom: 1px dashed #DCDCDC;
    width: 100%;
    height: 52px;
    font-size: 14px;
    line-height: 52px;
    color: #333333;
    overflow: hidden;
}

.noticpage .noticeUl li a {
    display: block;
    float: left;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.noticpage .noticeUl li .icon {
    margin-right: 10px;
    font-size: 16px;
    color: #4786FB;
}

.noticpage .noticeUl li .publishtime {
    float: right;
}

.noticpage .pages {
    margin-top: 20px;
    margin-bottom: 31px;
}


/************************************************通知公告详情*******************************************************/

.noticedetail .section {
    overflow: hidden;
    margin-bottom: 20px;
    width: 1140px;
}

.noticedetail .section1 {
    padding: 30px 31px 31px 30px;
    height: auto;
    min-height: calc(100vh - 622px);
    background-color: #ffffff;
}

.noticedetail .section .titleBox {
    border-bottom: 1px dashed #DCDCDC;
    padding-bottom: 20px;
    height: auto;
}

.noticedetail .section .titleBox .title {
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    color: #333333;
}

.noticedetail .section .titleBox .infoBox {
    display: -webkit-flex;
    display: flex;
    margin-top: 8px;
    width: 100%;
    height: auto;
    font-size: 14px;
    line-height: 30px;
    /* Safari */
    color: #999999;
    flex-direction: row;
    justify-content: center;
}

.noticedetail .section .titleBox .infoBox span {
    margin: 0 10px;
}

.noticedetail .section .titleBox .infoBox .shareBox {
    position: relative;
    width: 150px;
    height: 30px;
}

.noticedetail .section .titleBox .infoBox .shareBox .shaerBtnBox {
    position: absolute;
    top: 2.5px;
    right: 0;
    width: 100px;
    height: 25px;
}

.noticedetail .section .detailBox {
    border-bottom: 1px dashed #DCDCDC;
    padding-top: 15px;
    padding-bottom: 25px;
    width: 100%;
    height: auto;
    min-height: calc(100vh - 756px);
}

.noticedetail .section .detailBox p {
    font-size: 14px;
    line-height: 30px;
    text-indent: 2em;
    color: #666666;
}

.noticedetail .section .detailBox img {
    display: block;
    margin: 10px auto;
    max-width: 100%;
}

.content .section-line {
    border-bottom: 1px solid #e5e5e5;
}

.schedule_tab {
    margin-top: 20px;
    padding: 0 20px;
    background: #fff;
}

.schedule_tab .bd {
    margin: 10px 0;
    width: 100%;
    min-height: 400px;
    overflow: hidden;
}

.schedule_tab .bd .schedule_item {
    width: 100%;
    overflow: hidden;
}

.schedule_tab .bd .schedule_item,
.schedule_tab .bd .schedule_item p {
    font-size: 14px;
    line-height: 30px;
    color: #666;
}

.schedule_tab .bd .schedule_item img,
.schedule_tab .bd .schedule_item p img {
    max-width: 100%;
}

.course-view-main {
    min-height: calc(100vh - 376px);
}

.schedule_tab .bd .schedule_item table,
.schedule_tab .bd .schedule_item table th,
.schedule_tab .bd .schedule_item table td {
    border: 1px solid #e5e5e5;
}

.schedule_tab .bd .schedule_item table th,
.schedule_tab .bd .schedule_item table td {
    padding: 5px 10px;
}

.zhibo_first {
    padding: 20px;
    background: #fff;
}

.zhibo_section {
    float: left;
    width: 900px;
}

.zhibojieshao_section {
    float: right;
    width: 240px;
}

.zhibojieshao {
    width: 100%;
    height: 506px;
    background: #F8F8F8;
    overflow: hidden;
}

.zhibojieshao .zhibojieshao_box .zhibotime_title {
    margin-bottom: 10px;
    font-size: 14px;
    color: #333;
    font-weight: bold;
}

.zhibojieshao .zhibojieshao_box .zhibotime_time {
    margin-bottom: 20px;
    font-size: 14px;
    color: #333;
}

.zhibojieshao .zhibojieshao_box .zhibotime_time span {
    font-weight: bold;
    color: #3a79cf;
}

.zhibojieshao .zhibojieshao_box {
    margin: 20px 0;
    padding: 0 14px;
    padding-right: 20px;
    height: 370px;
    overflow-y: auto;
}

.zhibojieshao .zhibojieshao_box li {
    width: 100%;
    margin-bottom: 15px;
}

.zhibojieshao .zhibojieshao_box li h6 {
    margin-bottom: 10px;
    padding-left: 15px;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    background: url("../images/title.jpg") left center no-repeat;
}

.zhibojieshao .zhibojieshao_box li .zhibojieshao_cont p {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
}

.zhibojieshao .zhibojieshao_box li .zhibojieshao_cont img,
.zhibojieshao .zhibojieshao_box li .zhibojieshao_cont p img {
    max-width: 100%;
}

#qdButton {
    margin: 14px;
    overflow: hidden;
}

.zhibo_list2 {
    margin-top: 25px;
    width: 100%;
}

.zhibo_list2 li {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 285px;
    height: 259px;
    background: #FFFFFF;
    box-shadow: 0px 1px 8px 0px rgba(169, 169, 169, 0.15);
}

.zhibo_list2 li:nth-child(4n) {
    margin-right: 0;
}

.zhibo_list2 li .img_box {
    position: relative;
    width: 100%;
    height: 170px;
    overflow: hidden;
}

.zhibo_list2 li .img_box .video_img {
    width: 100%;
    height: 170px;
}

.zhibo_list2 li .img_box .counttime {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    text-align: center;
    background: rgba(0, 0, 0, 0.4);
    z-index: 99;
}

.zhibo_list2 li .img_box .counttime span {
    display: inline-block;
    margin: 0 3px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.zhibo_list2 li .img_box .counttime span.time {
    padding: 0 5px;
    height: 20px;
    background: #4786FB;
    border-radius: 3px;
}

.zhibo_list2 li .img_box .cover_section {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 999;
}

.zhibo_list2 li:hover .img_box .cover_section {
    display: block;
}

.zhibo_list2 li .img_box .cover_section img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 47px;
    height: 47px;
}

.zhibo_list2 li .img_box .playback {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    width: 57px;
    height: 28px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 28px;
    background: rgba(0, 0, 0, 0.5);
}

.zhibo_list2 li .img_box .type_label {
    position: absolute;
    top: 5px;
    left: 5px;
    display: inline-block;
    padding: 0 5px;
    height: 20px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    border-radius: 3px;
    background: #4786FB;
}

.zhibo_list2 li .img_box .type_label.type_yg {
    background: #00B747;
}

.zhibo_list2 li .img_box .type_label.type_hf {
    background: #FCA904;
}

.zhibo_list2 li .img_box .type_label.type_yjs {
    background: #b2b2b2;
}

.zhibo_list2 li .img_box .playback img {
    margin-right: 4px;
}

.zhibo_list2 li .item_cont {
    padding: 18px 20px;
    overflow: hidden;
}

.zhibo_list2 li .item_cont h6 {
    font-size: 14px;
    color: #333;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /*要显示的行数*/
}

.zhibo_list2 li .item_info {
    margin-top: 10px;
    width: 100%;
    font-size: 12px;
    color: #999;
    overflow: hidden;
}

.zhibo_list2 li .item_info span {
    font-size: 12px;
    color: #999;
    line-height: 24px;
}

.zhibo_list2 li .item_info span img {
    margin-right: 5px;
    width: 16px;
    height: 10px;
}

.zhibo_list2 li .item_info .btn {
    float: right;
    display: block;
    padding: 0 8px;
    height: 24px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 24px;
    border-radius: 12px;
}

.zhibo_list2 li .item_info .btn.btn1 {
    background: #4786FB;
}

.zhibo_list2 li .item_info .btn.btn2 {
    background: #b2b2b2;
}

.zhibo_list2 li .item_info .btn.btn3 {
    background: #CB473F;
}

.zhibo_list2 li .item_info .btn.btn4 {
    background: #009688;
}

.livestreaming {
    margin-top: 20px;
    width: 100%;
}

.livestreaming_left {
    float: left;
    padding: 0 20px;
    width: 920px;
    min-height: 400px;
    background: #fff;
    border-radius: 5px;
    box-sizing: border-box;
}

.zhibo_title2 {
    width: 100%;
    height: 51px;
    border-bottom: 1px solid #E5ECF4;
}

.zhibo_title2 h6 {
    float: left;
    height: 50px;
    font-size: 16px;
    color: #333;
    line-height: 49px;
    border-bottom: 2px solid #4786FB;
}

.livestreaming_cont {
    margin: 20px 0;
    width: 100%;
}

.livestreaming_cont,
.livestreaming_cont p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
}

.livestreaming_cont img,
.livestreaming_cont p img {
    max-width: 100%;
}

.livestreaming_right {
    float: right;
}

.livestreaming_right {
    float: right;
    padding: 0 20px;
    width: 260px;
    min-height: 400px;
    background: #fff;
    border-radius: 5px;
    box-sizing: border-box;
}

.livestreaming_list {
    width: 100%;
    overflow: hidden;
}

.livestreaming_list li {
    margin-top: 15px;
    width: 100%;
    overflow: hidden;
}

.livestreaming_list li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.livestreaming_list li img {
    width: 100px;
    height: 57px;
}

.livestreaming_list li .item_cont {
    width: 105px;
}

.livestreaming_list li .item_cont p {
    font-size: 14px;
    color: #333;
    line-height: 18px;
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /*要显示的行数*/
    overflow: hidden;
}

.course-view-breadcrumb {
    display: none;
}

.screen_section {
    margin-top: 20px;
    padding: 15px 20px;
    background: #fff;
    overflow: hidden;
    padding-bottom: 10px;
}

.screen_tab {
    width: 100%;
    overflow: hidden;
}

.screen_tab a {
    display: block;
    float: left;
    margin-right: 30px;
    font-size: 14px;
    color: #333;
    line-height: 35px;
    border-bottom: 3px solid transparent;
}

.screen_tab a:hover,
.screen_tab a.active {
    color: #4786FB;
    border-bottom-color: #4786FB;
}

.screen_section .screen_bd {
    margin-top: 20px;
    width: 100%;
    overflow: hidden;
}

.screen_section .screen_bd a {
    display: block;
    float: left;
    margin-right: 15px;
    padding: 0 10px;
    min-width: 50px;
    font-size: 12px;
    color: #333;
    text-align: center;
    line-height: 28px;
    border: 1px solid #dadada;
    border-radius: 3px;
    margin-bottom: 10px;
}

.screen_section .screen_bd a:hover,
.screen_section .screen_bd a.active {
    color: #4786FB;
    border-color: #4786FB;
}

.studyvideo_section {
    padding-top: 20px;
    padding-bottom: 25px;
    background: #353535;
}

.studyvideo_content {
    width: 100%;
}

.studyvideo_section .item_cont {
    margin-top: 25px;
    width: 100%;
}

.studyvideo_section .item_title {
    width: 100%;
}

.studyvideo_section .item_title h6 {
    float: left;
    max-width: 80%;
    font-size: 24px;
    color: #fff;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.studyvideo_section .item_title .phone_watch,
.zhibojieshao_section .phone_watch {
    position: relative;
    float: right;
}

.zhibojieshao_section .phone_watch {
    margin-bottom: 20px;
    float: none;
    text-align: right;
}

.studyvideo_section .item_title .phone_watch a,
.zhibojieshao_section .phone_watch a {
    font-size: 14px;
    color: #fff;
    line-height: 31px;
}

.zhibojieshao_section .phone_watch a {
    font-size: 16px;
    color: #666;
}

.studyvideo_section .item_title .phone_watch a img,
.zhibojieshao_section .phone_watch a img {
    margin-right: 10px;
}

.studyvideo_section .item_title .phone_watch .qr_code,
.zhibojieshao_section .phone_watch .qr_code {
    position: absolute;
    right: 0;
    top: 120%;
    padding: 10px;
    background: #fff;
    z-index: 9;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .08), 0 6px 12px 0 rgba(0, 0, 0, .08);
    transition: opacity .4s ease-in-out;
    visibility: hidden;
    opacity: 0;
}

.studyvideo_section .item_title .phone_watch:hover .qr_code,
.zhibojieshao_section .phone_watch:hover .qr_code {
    visibility: visible;
    opacity: 1;
}

.studyvideo_section .item_title .phone_watch .qr_code img,
.zhibojieshao_section .phone_watch .qr_code img {
    width: 120px;
    height: 120px;
}

.studyvideo_section .item_title .phone_watch .qr_code p,
.zhibojieshao_section .phone_watch .qr_code p {
    font-size: 12px;
    color: #333;
    text-align: center;
    line-height: 15px;
}

.studyvideo_section .item_cont .item_info {
    margin-top: 15px;
    font-size: 14px;
    color: #fff;
    line-height: 25px;
}

.pop_cover {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(0, 0, 0, .5);
}

.poplogin_section {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 395px;
    height: 465px;
    background: #fff;
    border-radius: 5px;
    z-index: 99;
}

.poplogin_section .pop_close {
    position: absolute;
    top: 40px;
    right: 35px;
    z-index: 999;
}

.poplogin_section .poplogin_box {
    position: relative;
    padding: 30px 33px;
    overflow: hidden;
}

.poplogin_section .poplogin_header {
    position: relative;
    padding-bottom: 15px;
    width: 100%;
    overflow: hidden;
}

.poplogin_section .poplogin_header a {
    position: relative;
    margin-right: 30px;
    font-size: 18px;
    color: #333;
    font-weight: bold;
}

.poplogin_section .poplogin_header a.active {
    color: #4786FB;
}

.poplogin_section .poplogin_header a.active::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -15px;
    margin: 0 auto;
    width: 16px;
    height: 4px;
    border-radius: 2px;
    background: #4786FB;
}

.poplogin_section .poplogin_items {
    margin-top: 20px;
    width: 100%;
    height: 227px;
    overflow: hidden;
}

.poplogin_section .poplogininput_section {
    position: relative;
    margin-bottom: 20px;
    width: 100%;
    height: 50px;
    background: #f1f1f2;
    border-radius: 10px;
    overflow: hidden;
}

.poplogin_section .poplogininput_section * {
    box-sizing: border-box;
}

.poplogin_section .poplogininput_section input {
    width: 100%;
    height: 50px;
    font-size: 14px;
    color: #666;
    border: 0;
    background: none;
}

.poplogin_section .poplogininput_section input:-webkit-autofill {
    background-color: #f1f1f2!important;
    -webkit-box-shadow: 0 0 0 1000px #f1f1f2 inset;
}

.poplogin_section .poplogininput_section .logineye {
    display: block;
    width: 30px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 13px;
    bottom: 0;
    background: url(../../images/icon9.jpg) center center no-repeat;
    cursor: pointer;
    z-index: 9999;
}

.poplogin_section .poplogininput_section .logineye.active {
    background: url(../../images/icon9_2.png) center center no-repeat;
}

.forgetpass {
    margin-bottom: 16px;
    width: 100%;
    font-size: 16px;
    color: #818994;
    text-align: right;
    overflow: hidden;
}

.poplogin_btn {
    display: block;
    width: 100%;
    height: 50px;
    font-size: 18px;
    color: #fff;
    background: #4786FB;
    border-radius: 25px;
    border: 0;
}

.popregister_btn {
    display: block;
    margin-top: 15px;
    font-size: 18px;
    color: #4786FB;
    text-align: center;
}

.popwxlogin_btn {
    display: block;
    margin-top: 30px;
    text-align: center;
}

.poplogin_section .poplogininput_section .poploginyzm {
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    padding: 0 10px;
    height: 50px;
    font-size: 16px;
    color: #4786FB;
    line-height: 50px;
    z-index: 999;
}

.wxloginsection {
    display: none;
}

.wxloginsection h6 {
    font-size: 18px;
    color: #333;
    font-weight: bold;
}

.wxloginewm {
    margin: 0 auto;
    margin-top: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
    background: url(../../images/ewmbg.png) no-repeat;
}

.wxloginewm img {
    width: 180px;
    height: 180px;
}

.wxloginsection .wxlogintext {
    margin-top: 10px;
    font-size: 16px;
    color: #666;
    text-align: center;
}

.prism_section {
    position: relative;
    width: 100%;
    height: 506px;
}

.prism_section .img_box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 506px;
    z-index: 9999;
    overflow: hidden;
}

.prism_section .img_box img {
    width: 100%;
    height: 506px;
}

.prism_section .label_item {
    position: absolute;
    top: 10px;
    left: 10px;
    display: block;
    padding: 0 10px;
    height: 26px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 26px;
    border-radius: 3px;
    background: rgba(0, 0, 0, .5);
    z-index: 99999;
}

.learnednumsitem_text {
    margin-left: 30px;
    font-size: 12px;
    color: #666;
}

.studyvideo_contenttext {
    padding: 30px 37px;
    /*height: 433px;*/
    background: #fff;
    border: 1px solid #F8F8F8;
    overflow: hidden;
    /*overflow-y: auto;*/
}

.studyvideo_contentbox {
    /*max-height: 433px;*/
    overflow: hidden;
    /*overflow-y: auto;*/
}

.studyvideo_contenttext,
.studyvideo_contenttext p {
    font-size: 16px;
    color: #333;
    line-height: 1.9;
}

.studyvideo_contenttext img,
.studyvideo_contenttext p img {
    max-width: 100%;
}

.studyvideo_contenttext iframe {
    width: 100%;
    height: 1200px;
    border: 0;
}

.courseware_section {
    margin-top: 20px;
    width: 100%;
    overflow: hidden;
}

.courseware_section .layui-btn {
    height: 34px;
    line-height: 34px;
    background: #4786FB;
}

.courseware_list {
    margin-bottom: 20px;
    width: 100%;
    overflow: hidden;
}

.courseware_list li {
    margin-bottom: 10px;
    padding: 12px 20px;
    font-size: 16px;
    color: #333;
    background: #FAFAFA;
    border: 1px solid #eee;
    overflow: hidden;
}

.courseware_list li input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-right: 3px;
    position: relative;
    top: 2px;
    width: 14px;
    height: 14px;
    border: 1px solid #999;
    border-radius: 2px;
    cursor: pointer;
}

.courseware_list li input[type="checkbox"]:checked {
    border-color: #4786FB;
}

.courseware_list li input[type="checkbox"]:checked::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 14px;
    height: 14px;
    background: url(../../images/icon16.jpg) center center no-repeat;
}

.announcement_list {
    margin: 20px 0;
    width: 100%;
    overflow: hidden;
}

.announcement_list li {
    margin-bottom: 10px;
    background: #FAFAFA;
    border: 1px solid #eee;
    overflow: hidden;
}

.announcement_list li.active {
    background: #E9F3FF;
}

.announcement_list li .item_title {
    padding: 12px 20px;
    padding-left: 45px;
    font-size: 16px;
    color: #333;
    background: url(../../images/icon17.png) 20px center no-repeat;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.announcement_list li.active .item_title {
    background: url(../../images/icon17_2.png) 20px center no-repeat;
}

.announcement_list li .item_cont {
    display: none;
    padding: 15px 20px;
    background: #fff;
    border-top: 1px solid #eee;
    overflow: hidden;
}

.announcement_list li .item_cont,
.announcement_list li .item_cont p {
    font-size: 16px;
    color: #333;
    line-height: 1.9;
}

.section2 .con_card .announcement_list li .item_cont p {
    margin-top: 0;
}

.curriculum_list li {
    margin-bottom: 2px;
}

.curriculum_list li:hover a {
    color: #fff;
    background-color: #4786FB;
}

.Validity_time {
    margin: 5px 0;
    margin-bottom: 10px;
    font-size: 14px;
    color: #999;
}

.Validity_time img {
    margin-left: 5px;
    cursor: pointer;
}


/*************************************************** 第二版首页 ******************************************/

.nav2 {
    position: relative;
    width: 100%;
    height: 40px;
    background: #2A81EB;
}

.nav2 .sort_ul {
    width: 100%;
}

.nav2 .sort_ul li {
    float: left;
    width: 150px;
    font-size: 18px;
    color: #333;
    text-align: center;
    line-height: 40px;
}

.nav2 .sort_ul li a {
    display: block;
    color: #fff;
}

.nav2 .sort_ul li.active {
    color: #fff;
    background: #2478DD;
}

.nav2 .sort_ul li.active:hover a {
    color: #fff;
}

.homepage .banner.banner2 {
    height: 200px;
}

.homepage .content2 .notice_top {
    border-bottom: 0;
}

.note_slide2 {
    position: relative;
    margin-bottom: 30px;
    width: 100%;
    height: 100px;
    overflow: hidden;
}

.note_slide2 .bd li img {
    width: 100%;
    height: 100px;
}

.note_slide2 .hd {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    text-align: center;
}

.note_slide2 .hd ul {
    display: table;
    margin: 0 auto;
}

.note_slide2 .hd li {
    float: left;
    margin: 0 5px;
    width: 8px;
    height: 8px;
    font-size: 0;
    background: #fff;
    opacity: .4;
    border-radius: 50%;
}

.note_slide2 .hd li.on {
    opacity: 1;
}

.header2 {
    padding: 25px 0;
}

.header2 .logo {
    margin-top: 0;
}

.header2 .logo img {
    height: 40px;
}

.header2 .midBox {
    float: right;
    margin: 0;
    width: auto;
    height: auto;
}

.header2 .midBox .search_box {
    box-sizing: border-box;
    width: 200px;
    height: 36px;
    background: #FFFFFF;
    border: 1px solid #D2D2D2;
    border-radius: 18px;
}

.header2 .midBox .search_box input {
    width: 140px;
    height: 34px;
}

.header2 .search_box button {
    width: 43px;
    height: 34px;
    background: none;
    border: 0;
}

.header2 .head_top_right {
    float: left;
    margin-left: 10px;
    font-size: 12px;
    color: #c5c5c5;
    line-height: 36px;
}

.header2 .head_top_right a,
.header2 .head_top_right span {
    color: #666;
}

.header2 .head_top_right a img {
    margin-right: 5px;
}

.header2 .head_top_right .layui-nav-img {
    margin-left: 10px;
}


/********************************************** 评论页面 *********************************************/

.con_card.con_card6 {
    margin-bottom: 30px;
}

.criticalform_section {
    margin-top: 20px;
    width: 100%;
    overflow: hidden;
}

.criticalform_section textarea {
    box-sizing: border-box;
    margin-bottom: 15px;
    padding: 10px;
    width: 100%;
    height: 90px;
    font-size: 14px;
    color: #666;
    border: 1px solid #eee;
    border-radius: 3px;
    resize: none;
}

.criticalform_section button {
    width: 80px;
    height: 40px;
    font-size: 16px;
    color: #fff;
    border: 0;
    background: #2D97FC;
    border-radius: 2px;
}

.critical_list {
    margin-top: 15px;
    padding-right: 10px;
    max-height: 800px;
    overflow: hidden;
    overflow-y: auto;
}

.critical_list li {
    padding: 15px 0;
    overflow: hidden;
}

.critical_list li .portrait_section {
    width: 100%;
    overflow: hidden;
}

.critical_list li .portrait_section .img_box {
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
}

.critical_list li .portrait_section .img_box img {
    width: 100%;
    height: 50px;
    object-fit: cover;
}

.critical_list li .portrait_section .portrait_cont {
    margin-left: 60px;
}

.critical_list li .portrait_section .portrait_cont h6 {
    font-size: 16px;
    color: #333;
    font-weight: normal;
}

.critical_list li .portrait_section .portrait_cont .item_time {
    margin: 0;
    font-size: 14px;
    color: #666;
    line-height: 24px;
}

.critical_list li .item_cont {
    margin-top: 8px;
    margin-left: 60px;
    overflow: hidden;
}

.study .section2 .critical_list li .item_cont p {
    margin: 0;
    font-size: 16px;
    color: #333;
    line-height: 1.5;
}

.critical_list li.two .portrait_section .portrait_cont {
    float: left;
    margin-right: 10px;
    margin-left: 0;
}

.critical_list li.two .portrait_section .portrait_cont h6,
.critical_list li.two .portrait_section .portrait_cont p {
    text-align: right;
}

.critical_list li.two .item_cont {
    margin-left: 0;
    margin-right: 60px;
}

.critical_list li.two .item_cont p {
    text-align: right;
}

.logout_section {
    width: 100%;
    min-height: calc(100vh - 407px);
    overflow: hidden;
}

.zhibojieshao_tab .hd {
    height: 50px;
    background: #eef0f2;
}

.zhibojieshao_tab .hd a {
    margin: 0 10px;
    display: inline-block;
    height: 49px;
    font-size: 16px;
    color: #333;
    line-height: 50px;
}

.zhibojieshao_tab .hd a:hover {
    color: #333;
}

.zhibojieshao_tab .hd a.on {
    border-bottom: 3px solid #4786FB;
}

.zhibojieshao_box2 {
    margin: 20px 0;
    padding: 0 14px;
    padding-right: 20px;
    height: 415px;
    overflow-y: auto;
}

.zhibozhuanji_list,
.zhibozhuanji_list li {
    width: 100%;
    overflow: hidden;
}

.zhibozhuanji_list li {
    margin-bottom: 15px;
}

.zhibozhuanji_list li a {
    display: flex;
    align-items: center;
}

.zhibozhuanji_list li .img_box {
    float: left;
    width: 75px;
    height: 45px;
}

.zhibozhuanji_list li .img_box img {
    width: 100%;
    height: 45px;
}

.zhibozhuanji_list li .item_cont {
    margin-left: 15px;
    width: 115px;
}

.zhibozhuanji_list li .item_cont p {
    font-size: 14px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /*要显示的行数*/
    overflow: hidden;
}

.zhibozhuanji_list li.active p {
    color: #4786FB;
}


/***************************************** 环境科学子页页面 **********************************************************/

.page_content {
    margin-bottom: 20px;
    padding: 30px;
    min-height: calc(100vh - 468px);
    background: #fff;
}

.sidenav {
    float: left;
    width: 220px;
}

.sidenav_title {
    width: 100%;
    height: 70px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    line-height: 70px;
    background: url(../images/hjkx/sidenavbg.jpg) no-repeat;
}

.side_nav {
    padding: 0;
    list-style: none;
    background: #F2F2F2;
    overflow: hidden;
}

.side_nav li {
    overflow: hidden;
}

.side_nav li a {
    display: block;
    padding: 15px 0;
    font-size: 16px;
    color: #333;
    text-align: center;
}

.side_nav li:hover a,
.side_nav li.active a {
    color: #4786FB;
}

.cont_right {
    float: right;
    width: 890px;
}

.first_list {
    padding: 0;
    list-style: none;
}

.first_list li {
    padding: 20px 0;
    border-bottom: 1px dotted #F0F0F0;
    overflow: hidden;
}

.first_list li:first-child {
    padding-top: 0;
}

.first_list li .img_box {
    float: left;
    width: 230px;
    height: 140px;
    overflow: hidden;
}

.first_list li .img_box img {
    width: 100%;
    height: 140px;
    object-fit: cover;
    -webkit-transition: all .8s;
    -ms-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
}

.first_list li a:hover .img_box img {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    /* IE 9 */
    -moz-transform: scale(1.2);
    /* Firefox */
    -webkit-transform: scale(1.2);
    /* Safari 和 Chrome */
    -o-transform: scale(1.2);
}

.first_list li .item_cont {
    margin-left: 250px;
}

.first_list li .item_cont h6 {
    margin-top: 5px;
    font-size: 18px;
    color: #333;
    line-height: 26px;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all .8s;
    -ms-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
}

.first_list li a:hover .item_cont h6 {
    color: #4786FB;
}

.first_list li .item_cont .item_text {
    margin-top: 20px;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /*要显示的行数*/
    overflow: hidden;
}

.first_list li .item_cont .item_time {
    margin-top: 10px;
    font-size: 14px;
    color: #999;
}

.introduction_section {
    width: 100%;
    overflow: hidden;
}

.introduction_title {
    margin-bottom: 17px;
}

.introduction_title h6 {
    font-size: 24px;
    color: #333;
    text-align: center;
    font-weight: normal;
}

.introduction_text {
    width: 100%;
    overflow: hidden;
}

.introduction_text,
.introduction_text p {
    font-size: 16px;
    color: #333;
    line-height: 2;
}

.introduction_text img,
.introduction_text p img {
    max-width: 100%;
}

.two_list {
    padding: 0;
    list-style: none;
}

.two_list li {
    padding: 17px 0;
    font-size: 16px;
    color: #333;
    border-bottom: 1px dotted #F0F0F0;
    overflow: hidden;
}

.two_list li:first-child {
    padding-top: 0;
    margin-top: -10px;
}

.two_list li a {
    float: left;
    display: block;
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.two_list li a span {
    margin-right: 5px;
    color: #4786FB;
}

.two_list li .time {
    float: right;
    color: #999;
}

.two_list li a:hover {
    color: #4786FB;
}

.three_list {
    padding: 0;
    list-style: none;
}

.three_list li {
    padding: 24px 0;
    border-bottom: 1px dashed #DBDBDB;
    overflow: hidden;
}

.three_list li:first-child {
    padding-top: 0;
}

.three_list li .item_time {
    float: left;
    padding: 12px 10px;
    width: 82px;
    height: 82px;
    text-align: center;
    background: #fff;
    border: 1px solid #4786FB;
    -webkit-transition: all .8s;
    -ms-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
}

.three_list li a:hover .item_time {
    background: #4786FB;
}

.three_list li .item_time p {
    color: #4786FB;
    text-align: center;
    -webkit-transition: all .8s;
    -ms-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
}

.three_list li a:hover .item_time p {
    color: #fff;
}

.three_list li .item_time p.day {
    font-size: 30px;
}

.three_list li .item_time p.year {
    font-size: 14px;
}

.three_list li .item_cont {
    margin-left: 100px;
}

.three_list li .item_cont h6 {
    margin-top: 8px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #333;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all .8s;
    -ms-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
}

.three_list li a:hover .item_cont h6 {
    color: #4786FB;
}

.three_list li .item_cont p {
    font-size: 14px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.four_list {
    padding: 0;
    margin-bottom: -20px;
    list-style: none;
}

.four_list li {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 270px;
    height: 143px;
    background: #fff;
    border: 1px solid #E7E7E7;
    border-radius: 5px;
    overflow: hidden;
    -webkit-transition: all .8s;
    -ms-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
}

.four_list li:nth-child(4n) {
    margin-right: 0;
}

.four_list li:hover {
    box-shadow: 0px 0px 29px 0px rgba(178, 178, 178, 0.3);
}

.four_list li .item_top {
    padding: 15px;
    height: 90px;
    overflow: hidden;
}

.four_list li .item_top .img_box {
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background: #fff;
    border: 1px solid #E7E7E7;
    border-radius: 5px;
}

.four_list li .item_top .img_box img {
    max-width: 50px;
    max-height: 50px;
}

.four_list li .item_top .item_cont {
    margin-left: 70px;
    margin-top: 5px;
}

.four_list li .item_top .item_cont h5 {
    font-size: 18px;
    color: #333;
    -webkit-transition: all .8s;
    -ms-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
}

.four_list li a:hover .item_top .item_cont h5 {
    color: #4786FB;
}

.four_list li .item_url {
    padding: 15px 15px;
    height: 51px;
    line-height: 16px;
    background: #FAFAFA;
    border-top: 1px solid #E7E7E7;
    overflow: hidden;
}

.four_list li .item_url h6 {
    float: left;
    max-width: 85%;
    font-size: 12px;
    color: #333;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.four_list li .item_url h6 img {
    margin-right: 10px;
}

.four_list li .item_url span {
    float: right;
    font-size: 12px;
    color: #4786FB;
}

.institutions_section,
.institutions_head {
    width: 100%;
    overflow: hidden;
}

.institutions_head .img_box {
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    background: #FFFFFF;
    border: 1px solid #E7E7E7;
    border-radius: 5px;
    overflow: hidden;
}

.institutions_head .img_box img {
    max-width: 100px;
    max-height: 100px;
}

.institutions_head .item_cont {
    position: relative;
    padding-top: 5px;
    margin-left: 140px;
    height: 120px;
}

.institutions_head .item_cont h6 {
    font-size: 18px;
    color: #333;
}

.institutions_head .item_cont p {
    position: absolute;
    bottom: 5px;
    font-size: 14px;
    color: #333;
    line-height: 24px;
}

.institutions_head .item_cont p img {
    margin-right: 10px;
}

.institutions_items {
    margin-top: 30px;
    width: 100%;
    overflow: hidden;
}

.institutions_title {
    padding-left: 15px;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    background: url(../images/hjkx/titbg.jpg) left center no-repeat;
}

.institutions_text {
    margin-top: 20px;
    width: 100%;
    overflow: hidden;
}

.institutions_text,
.institutions_text p {
    font-size: 14px;
    color: #333;
    line-height: 2.2;
}

.institutions_text img,
.institutions_text p img {
    max-width: 100%;
}

.five_list {
    padding: 0;
    list-style: none;
    margin-top: 20px;
    margin-bottom: -25px;
}

.five_list li {
    float: left;
    margin-right: 30px;
    margin-bottom: 25px;
    width: 555px;
}

.five_list li:nth-child(2n) {
    margin-right: 0;
}

.five_list li .img_box {
    float: left;
    width: 180px;
    height: 110px;
    overflow: hidden;
}

.five_list li .img_box img {
    width: 100%;
    height: 110px;
    -webkit-transition: all .8s;
    -ms-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
}

.five_list li a:hover .img_box img {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    /* IE 9 */
    -moz-transform: scale(1.2);
    /* Firefox */
    -webkit-transform: scale(1.2);
    /* Safari 和 Chrome */
    -o-transform: scale(1.2);
}

.five_list li .item_cont {
    margin-left: 200px;
    display: flex;
    align-items: center;
    height: 110px;
}

.five_list li .item_cont h6 {
    font-size: 16px;
    color: #333;
    line-height: 30px;
    font-weight: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /*要显示的行数*/
    overflow: hidden;
    -webkit-transition: all .8s;
    -ms-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
}

.five_list li a:hover .item_cont h6 {
    color: #4786FB;
}

.loadbtn {
    display: block;
    margin: 0 auto;
    margin-top: 40px;
    width: 240px;
    height: 46px;
    font-size: 14px;
    color: #4786FB;
    text-align: center;
    line-height: 44px;
    background: #fff;
    border: 1px solid #4786FB;
    -webkit-transition: all .8s;
    -ms-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
}

.loadbtn:hover {
    color: #fff;
    background: #4786FB;
}

.demand_section {
    margin-bottom: 20px;
    padding-top: 25px;
    padding-bottom: 30px;
    min-height: calc(100vh - 468px);
    background: #fff;
}

.demand_tab {
    padding-bottom: 20px;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #E5E5E5;
    overflow: hidden;
}

.demand_tab a {
    display: inline-block;
    margin: 0 20px;
    padding-bottom: 5px;
    font-size: 20px;
    color: #333;
    border-bottom: 2px solid transparent;
}

.demand_tab a.active {
    color: #4786FB;
    border-bottom-color: #4786FB;
}

.demand_table {
    width: 100%;
    overflow: hidden;
}

.demand_table table {
    width: 100%;
}

.demand_table table thead tr {
    height: 52px;
    border-bottom: 1px solid #e5e5e5;
}

.demand_table table thead th {
    padding: 0 15px;
    font-size: 14px;
    color: #333;
    text-align: left;
    white-space: nowrap;
}

.demand_table table thead tr th:last-child {
    text-align: center;
}

.demand_table table tbody tr td {
    padding: 25px 15px;
    font-size: 14px;
    color: #333;
}

.demand_table table tbody tr td:last-child {
    text-align: center;
}

.demand_table table tbody tr td:first-child {
    max-width: 400px;
    color: #4786FB;
}

.demand_table table tbody tr td:nth-child(5) {
    width: 120px;
}

.demand_table table tbody tr:nth-child(even) {
    background: #F9FAFC;
}

.demand_table table tbody tr td a {
    display: block;
    margin: 0 auto;
    width: 71px;
    height: 24px;
    font-size: 14px;
    color: #4786FB;
    text-align: center;
    line-height: 24px;
    background: #EFEFEF;
    border-radius: 3px;
}

.six_list {
    margin-bottom: -20px;
    padding: 0;
    list-style: none;
}

.six_list li {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 285px;
    height: 328px;
    background: #fff;
    box-shadow: 0px 1px 8px 0px rgba(169, 169, 169, 0.15);
}

.six_list li:nth-child(4n) {
    margin-right: 0;
}

.six_list li .img_box {
    position: relative;
    width: 100%;
    height: 160px;
    overflow: hidden;
}

.six_list li .img_box .video_img {
    width: 100%;
    height: 160px;
}

.six_list li .img_box .cover_section {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -160px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 160px;
    background: rgba(0, 0, 0, .4);
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}

.six_list li a:hover .img_box .cover_section {
    bottom: 0;
}

.six_list li .item_cont {
    padding: 12px 20px;
    overflow: hidden;
}

.six_list li .item_cont .item_title {
    width: 100%;
    height: 56px;
    overflow: hidden;
}

.six_list li .item_cont .item_title h6 {
    font-size: 16px;
    color: #333;
    font-weight: normal;
    line-height: 28px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /*要显示的行数*/
    overflow: hidden;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}

.six_list li a:hover .item_cont h6 {
    color: #4786FB;
}

.six_list li .item_cont .item_info {
    margin-top: 4px;
    font-size: 12px;
    color: #999;
    line-height: 24px;
}

.six_list li .item_cont .item_info span {
    margin: 0 5px;
}

.six_list li .item_cont .item_info span:first-child {
    margin-left: 0;
}

.six_list li .item_cont .item_text {
    font-size: 12px;
    color: #333;
}

.six_list li .item_cont .item_text img {
    position: relative;
    top: -2px;
    margin-right: 5px;
}

.search_section {
    margin-bottom: 10px;
    padding: 20px 30px;
    padding-top: 0;
    background: #fff;
    overflow: hidden;
}

.search_section .search_items {
    margin-top: 20px;
    width: 100%;
    overflow: hidden;
}

.search_section .search_items .item_tit {
    display: block;
    float: left;
    /*width: 45px;*/
    font-size: 14px;
    color: #333;
    line-height: 30px;
}

.search_section .search_items .item_cont {
    margin-left: 45px;
}

.search_section .search_items .item_cont a {
    display: block;
    float: left;
    margin-right: 10px;
    padding: 0 15px;
    font-size: 14px;
    color: #333;
    line-height: 30px;
}

.search_section .search_items .item_cont a.active,
.search_section .search_items .item_cont a:hover {
    color: #fff;
    background: #4786FB;
}

.search_section .search_items1 {
    margin-top: 20px;
    width: 100%;
    overflow: hidden;
}

.search_section .search_items1 .item_tit {
    display: block;
    float: left;
    /*width: 45px;*/
    font-size: 14px;
    color: #333;
    line-height: 30px;
}

.search_section .search_items1 .item_cont {
    margin-left: 45px;
}

.search_section .search_items1 .item_cont a {
    display: block;
    float: left;
    margin-right: 10px;
    padding: 0 15px;
    font-size: 14px;
    color: #333;
    line-height: 30px;
}

.search_section .search_items1 .item_cont a.active,
.search_section .search_items1 .item_cont a:hover {
    color: #fff;
    background: #4786FB;
}

.search_itemsbox {
    width: 400px;
    height: 34px;
    background: #fff;
    border: 1px solid #E2E2E2;
}

.search_itemsbox input {
    float: left;
    width: 358px;
    height: 32px;
    font-size: 14px;
    color: #666;
    border: 0;
}

.search_itemsbox button {
    float: right;
    width: 40px;
    height: 32px;
    border: 0;
    background: none;
}

.seven_list {
    padding: 0;
    list-style: none;
}

.seven_list li {
    margin-bottom: 10px;
    width: 100%;
    background: #fff;
    overflow: hidden;
}

.seven_list li a {
    display: block;
    padding: 20px 30px;
    padding-bottom: 10px;
    overflow: hidden;
}

.seven_list li .item_cont {
    float: left;
    width: 960px;
}

.seven_list li .item_cont .img_box {
    float: left;
    width: 220px;
    height: 150px;
    overflow: hidden;
}

.seven_list li .item_cont .img_box img {
    width: 100%;
    height: 150px;
    -webkit-transition: all .8s;
    -ms-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
}

.seven_list li a:hover .item_cont .img_box img {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
}

.seven_list li .item_cont .item_conttwo {
    float: left;
    margin-left: 25px;
    width: 715px;
}

.seven_list li .item_cont .item_conttwo h6 {
    margin-bottom: 12px;
    font-size: 20px;
    color: #333;
    -webkit-transition: all .8s;
    -ms-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.seven_list li a:hover .item_cont .item_conttwo h6 {
    color: #4786FB;
}

.seven_list li .item_cont .item_conttwo .item_info {
    font-size: 14px;
    color: #333;
    line-height: 28px;
}

.seven_list li .item_cont .item_conttwo .item_text {
    margin-top: 6px;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /*要显示的行数*/
    overflow: hidden;
}

.seven_list li .item_cont .item_conttwo .item_more {
    display: block;
    margin-top: 13px;
    width: 102px;
    height: 34px;
    font-size: 14px;
    text-align: center;
    line-height: 32px;
    color: #4786FB;
    background: #fff;
    border: 1px solid #4786FB;
    border-radius: 3px;
    -webkit-transition: all .8s;
    -ms-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
}

.seven_list li a:hover .item_cont .item_conttwo .item_more {
    color: #fff;
    background: #4786FB;
}

.seven_list li .item_right {
    float: right;
    width: 115px;
    text-align: center;
}

.seven_list li .item_right .img_box {
    width: 100%;
    height: 150px;
    overflow: hidden;
}

.seven_list li .item_right .img_box img {
    width: 100%;
    height: 150px;
    -webkit-transition: all .8s;
    -ms-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
}

.seven_list li a:hover .item_right .img_box img {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
}

.seven_list li a .item_right h6 {
    margin-top: 14px;
    font-size: 18px;
    color: #333;
    font-weight: normal;
}

.seven_list li a .item_right p {
    font-size: 14px;
    color: #666;
}

.results_top {
    margin-bottom: 20px;
    padding: 20px;
    background: #fff;
}

.results_top .img_box {
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 400px;
    height: 400px;
    background: #fff;
    border: 1px solid #F5F5F5;
}

.results_top .img_box img {
    max-width: 370px;
    max-height: 370px;
}

.results_top .item_cont {
    margin-left: 430px;
    overflow: hidden;
}

.results_top .item_cont h6 {
    font-size: 22px;
    color: #333;
    line-height: 30px;
    font-weight: normal;
}

.results_top .item_cont .item_info {
    padding: 0;
    list-style: none;
    margin-top: 15px;
}

.results_top .item_cont .item_info li {
    width: 100%;
    line-height: 32px;
    overflow: hidden;
}

.results_top .item_cont .item_info li label {
    display: block;
    float: left;
    font-size: 14px;
    color: #999;
}

.results_top .item_cont .item_info li .item_text {
    margin-left: 70px;
}

.results_top .item_cont .item_info li .item_text p {
    font-size: 14px;
    color: #333;
    line-height: 32px;
}

.results_top .item_cont .ljzx_btn {
    display: block;
    margin-top: 23px;
    width: 172px;
    height: 40px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    background: #4786FB;
    border-radius: 3px;
}

.results_bottom {
    margin-bottom: 20px;
    padding-bottom: 30px;
    background: #fff;
}

.results_tab {
    width: 100%;
    overflow: hidden;
}

.results_tab .hd {
    height: 49px;
    border-bottom: 1px solid #F5F5F5;
}

.results_tab .hd a {
    display: block;
    float: left;
    padding: 0 15px;
    font-size: 16px;
    color: #666;
    line-height: 45px;
    border-top: 2px solid transparent;
}

.results_tab .hd a.on {
    height: 50px;
    color: #4786FB;
    border-right: 1px solid #F5F5F5;
    border-left: 1px solid #F5F5F5;
    background: #fff;
    border-top-color: #4786FB;
}

.results_tabtext {
    margin: 0 30px;
    margin-top: 15px;
    overflow: hidden;
}

.results_tabtext,
.results_tabtext p {
    font-size: 14px;
    color: #666;
    line-height: 2;
}

.eight_list {
    padding: 0;
    list-style: none;
}

.eight_list li {
    margin-bottom: 10px;
    width: 100%;
    background: #fff;
    overflow: hidden;
}

.eight_list li a {
    display: block;
    padding: 20px 0;
    padding-left: 30px;
    overflow: hidden;
}

.eight_list li .item_cont {
    float: left;
    width: 985px;
}

.eight_list li .item_cont .item_title {
    width: 100%;
    line-height: 24px;
    overflow: hidden;
}

.eight_list li .item_cont .item_title h6 {
    float: left;
    max-width: 70%;
    font-size: 20px;
    color: #333;
    font-weight: normal;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.eight_list li .item_cont .item_title label {
    display: inline-block;
    margin-left: 20px;
    padding: 0 7px;
    height: 28px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 28px;
    background: #4786FB;
    border-radius: 3px;
}

.eight_list li .item_cont .item_info {
    margin-top: 15px;
    width: 100%;
    overflow: hidden;
}

.eight_list li .item_cont .item_info span {
    display: block;
    float: left;
    padding-right: 10px;
    width: 20%;
    font-size: 14px;
    color: #666;
    line-height: 28px;
}

.eight_list li .item_right {
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 182px;
    height: 83px;
    border-left: 1px dotted #ddd;
    overflow: hidden;
}

.eight_list li .item_right .item_more {
    display: block;
    width: 102px;
    height: 34px;
    font-size: 14px;
    color: #4786FB;
    text-align: center;
    line-height: 32px;
    background: #fff;
    border: 1px solid #4786FB;
    border-radius: 3px;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}

.eight_list li a:hover .item_right .item_more {
    color: #fff;
    background: #4786FB;
}

.loginout_content {
    margin: 100px 0;
    width: 100%;
    text-align: center;
    overflow: hidden;
}

.loginout_content h6 {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #333;
    font-weight: normal;
}

.loginout_content p {
    font-size: 16px;
    color: #999;
}

.loginout_content .loginout_btn {
    display: block;
    margin: 0 auto;
    margin-top: 25px;
    width: 120px;
    height: 40px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    background: #4786FB;
    border-radius: 5px;
}

.feedback_title {
    margin-top: 5px;
    margin-bottom: 35px;
    font-size: 24px;
    color: #333;
    text-align: center;
    overflow: hidden;
}

.feedback_form {
    margin: 0 auto;
    width: 680px;
    overflow: hidden;
}

.feedback_form .layui-form-label {
    padding: 0;
    width: 70px;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    line-height: 38px;
}

.feedback_form .layui-input {
    height: 38px;
    border-radius: 5px;
}

.feedback_form .layui-textarea {
    border-radius: 5px;
}

.feedback_form .layui-input-block {
    margin-left: 80px;
}

.field-message-yzm .layui-input-block {
    overflow: hidden;
}

.field-message-yzm .layui-input-block .layui-input {
    display: block;
    float: left;
    width: 500px;
}

.field-message-yzm .layui-input-block .yzm_img {
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 38px;
    border: 1px solid #e6e6e6;
}

.field-message-yzm .layui-input-block .yzm_img img {
    max-width: 90%;
    max-height: 30px;
}

.feedback_form .btn_group button {
    margin: 0 5px;
    padding: 0;
    width: 90px;
    height: 38px;
    border-radius: 0;
}

.feedback_form .btn_group button[type="submit"] {
    background: #4786FB;
}

body .layui-disabled, body .layui-disabled:hover {
    color: #000 !important;
    background: #f9f9f9;
}

.feedback_form .layui-btn-primary:hover {
    border: 1px solid #e6e6e6;
}

.fixedquick_list {
    position: fixed;
    top: 24%;
    right: 13%;
    width: 70px;
    z-index: 999;
}

.fixedquick_list ul {
    padding: 0;
    list-style: none;
}

.fixedquick_list ul li {
    display: table;
    margin-bottom: 10px;
    width: 70px;
    height: 70px;
    text-align: center;
    background: #4786FB;
}

.fixedquick_list ul li img {
    height: 22px;
}

.fixedquick_list ul li a {
    display: table-cell;
    vertical-align: middle;
}

.fixedquick_list ul li p {
    margin-top: 5px;
    font-size: 14px;
    color: #fff;
}

.note_pop {
    display: none;
    position: fixed;
    top: 24%;
    right: 50px;
    padding: 0 15px;
    padding-bottom: 15px;
    width: 290px;
    border-radius: 5px;
    background: #fff;
    z-index: 999;
}

.note_pop .notepop_title {
    margin-top: 10px;
    font-size: 16px;
    color: #333;
}

.note_pop .notepop_body {
    margin-top: 10px;
    width: 100%;
    overflow: hidden;
}

.note_pop .notepop_body textarea {
    display: block;
    padding: 5px 15px;
    width: 100%;
    height: 120px;
    font-size: 14px;
    color: #666;
    resize: none;
    border-radius: 5px;
    border: 1px solid #DEDEDE;
}

.note_pop .notepop_body .btn1 {
    display: block;
    margin-top: 20px;
    width: 100%;
    height: 36px;
    font-size: 16px;
    color: #fff;
    border: 0;
    background: #4786FB;
    border-radius: 5px;
}

.note_pop .note_popclose {
    position: absolute;
    top: 0;
    left: -11px;
    bottom: 0;
    margin: auto 0;
    width: 11px;
    height: 47px;
    background: url("../images/icon20.png") no-repeat;
    cursor: pointer;
}


.nine_list {
    padding: 0;
    list-style: none;
}

.nine_list li {
    padding: 20px 0;
    border-bottom: 1px dotted #F0F0F0;
    overflow: hidden;
}

.nine_list li:first-child {
    padding-top: 0;
}

.nine_list li .img_box {
    float: left;
    width: 180px;
    height: 252px;
    overflow: hidden;
}

.nine_list li .img_box img {
    width: 100%;
    height: 252px;
    object-fit: cover;
    -webkit-transition: all .8s;
    -ms-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
}

.nine_list li a:hover .img_box img {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    /* IE 9 */
    -moz-transform: scale(1.2);
    /* Firefox */
    -webkit-transform: scale(1.2);
    /* Safari 和 Chrome */
    -o-transform: scale(1.2);
}

.nine_list li .item_cont {
    margin-left: 200px;
}

.nine_list li .item_cont h6 {
    margin-top: 5px;
    font-size: 18px;
    color: #333;
    line-height: 26px;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all .8s;
    -ms-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
}

.nine_list li a:hover .item_cont h6 {
    color: #4786FB;
}

.nine_list li .item_cont .item_text {
    margin-top: 20px;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /*要显示的行数*/
    overflow: hidden;
}

.nine_list li .item_cont .item_time {
    margin-top: 10px;
    font-size: 14px;
    color: #999;
}

.section.section3 {
    padding-bottom: 55px;
    background: url(../images/hjkx/bg5.jpg) top center no-repeat;
}

.about_section {
    margin-top: 35px;
    padding: 20px 47px 45px 30px;
    background: #fff url(../images/hjkx/logo11.png) right bottom no-repeat;
    overflow: hidden;
}

.about_section p {
    font-size: 16px;
    color: #333;
    line-height: 36px;
    text-indent: 2em;
}

.layui-laypage a:hover {
    color: #198CFF;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #198CFF !important;
}

.layui-input:focus,
.layui-textarea:focus {
    border-color: #198CFF !important;
    box-shadow: 0 0 0 3px rgba(25, 140, 255, .08)
}

.layui-elem-quote {
    border-color: #198CFF !important;
}


/*图形验证码*/
.tncode{
    display: none;
}
.tncode_msg_ok, .tncode_msg_error{
    width: 93% !important;
    height: 24px !important;
}
.section.section4{
    padding-top: 30px;
    padding-bottom: 0;
}
.section.section4 .news_slide{
    float: left;
    width: 630px;
    height: 370px;
    overflow: hidden;
}
.section.section4 .news_slide .swiper-slide img{
    width: 100%;
    height: 370px;
    object-fit: cover;
}
.section.section4 .news_slide .swiper-slide .cover_title{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 12px 17px;
    padding-right: 100px;
    background: rgba(0,0,0,.4);
}
.section.section4 .news_slide .swiper-slide .cover_title p{
    font-size: 16px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.section.section4 .news_slide .swiper-container-horizontal>.swiper-pagination-bullets,
.section.section4 .news_slide .swiper-pagination-custom,
.section.section4 .news_slide .swiper-pagination-fraction{
    left: inherit;
    left: initial;
    right: 0;
    padding-right: 8px;
    width: auto;
}
.section.section4 .news_slide .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    opacity: 1;
    background: #fff;
}
.section.section4 .news_slide .swiper-pagination-bullet-active{
    background: #4786FB;
}
.section.section4 .notice_section{
    float: right;
    width: 540px;
}
.section.section4 .notice_section .notice_section_title{
    height: 36px;
    border-bottom: 1px solid #E5E5E5;
}
.section.section4 .notice_section .notice_section_title h6{
    float: left;
    position: relative;
    height: 35px;
    font-size: 18px;
    color: #333;
    font-weight: bold;
}
.section.section4 .notice_section .notice_section_title h6:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 3px;
    background: #4786FB;
}
.section.section4 .notice_section .notice_section_title .more{
    float: right;
    font-size: 14px;
    color: #666;
    line-height: 35px;
}
.section.section4 .notice_section .notice_section_title .more:hover{
    color: #4786FB;
}
.section.section4 .notice_section .news_list{
    margin-top: 5px;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.section.section4 .notice_section .news_list li{
    font-size: 16px;
    color: #333;
    line-height: 42px;
    overflow: hidden;
}
.section.section4 .notice_section .news_list li a{
    display: block;
    float: left;
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.section.section4 .notice_section .news_list li a:hover{
    color: #4786FB;
}
.section.section4 .notice_section .news_list li a span{
    margin-right: 5px;
    color: #4786FB;
}
.section.section4 .notice_section .news_list li .time{
    float: right;
    font-size: 16px;
    color: #999;
}