@charset "utf-8";

body>.main {
    margin-top: 0;
}


/* 1、头部样式 */
.index-header {
    padding-top: 22px;
    width: 100%;
    background-color: #fff;
}

.index-header .top {
    margin-bottom: 20px;
    height: 56px;
}

.index-header .logo-wrap,
.index-header .logo-wrap img {
    width: 238px;
    height: 56px;
}

.index-header .campus-wrap {
    position: relative;
    margin-left: 65px;
}

.index-header .campus-wrap h6 {
    width: 154px;
    height: 48px;
    line-height: 48px;
    font-weight: normal !important;
    font-size: 24px;
    color: #333;
    background-image: url('../../image/public/cur_campus_bg.png');
    background-repeat: no-repeat;
    background-position: 100px 15px;
    cursor: pointer;
}

.index-header .campus-list {
    display: none;
    position: absolute;
    top: -6px;
    left: 125px;
    padding-left: 8px;
    width: 320px;
    height: 222px;
    background: url('../../image/public/header_campus_bg.png') no-repeat;
    z-index: 999;
    box-sizing: content-box;
}

.index-header .campus-list ul {
    padding: 24px 0 0 20px;
    width: 300px;
    height: 196px;
    box-sizing: content-box;
}

.index-header .campus-list li {
    float: left;
    margin: 0 20px 20px 0;
    width: 80px;
    height: 76px;
    text-align: center;
}

.index-header .campus-list a {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #333;
}

.index-header .campus-list a:hover {
    color: #d1150a;
}

.index-header .campus-list img {
    width: 62px;
    height: 48px;
}

.index-header .campus-list p {
    margin-top: 10px;
    width: 80px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    background-color: #e9e9e9;
}

.index-header .header-text {
    position: relative;
    margin-top: 9px;
    padding-right: 4px;
}

.index-header .header-slogan {
    width: 100%;
    height: 27px;
    text-align: center;
}

.index-header .header-slogan img {
    margin-left: 26px;
}

.index-header .header-phone {
    margin-top: 10px;
}

.index-header .header-phone img {
    height: 22px;
}

.index-header .header-phone span {
    display: inline-block;
    margin: 0 20px 0 5px;
    height: 23px;
    line-height: 23px;
    font-style: italic;
    font-size: 21px;
}

.index-header .header-wechat {
    display: none;
    position: absolute;
    top: 70px;
    left: 0;
    width: 134px;
    background-color: #fff;
    border: 1px solid #ccc;
    z-index: 99;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .2);
}

.index-header .header-wechat img {
    margin: 6px;
    width: 122px;
}

.index-header .bottom {
    height: 50px;
}

.index-header .all-course {
    width: 242px;
    height: 100%;
    line-height: 50px;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    background: #ff0000;
}

.index-header .all-course img{
    margin-left: 30px;
    margin-right: 10px;
}

.index-header .nav-menu {
    height: 50px;
}

.index-header .nav-menu>li {
    float: left;
    padding: 0 15px;
    height: 50px;
    line-height: 50px;
}

.index-header .nav-menu>li.last,
.index-header .nav-menu>li:last-child {
    margin-right: 0;
}

.index-header .nav-menu .has-menu {
    position: relative;
    background: url('../../image/public/menu_down_arrow.png') no-repeat 84px 22px;
}

.index-header .nav-menu>li span {
    margin-left: 1px;
    font-size: 13px;
}

.index-header .nav-menu>li a {
    font-size: 16px;
    color: #333;
}

.index-header .nav-menu>li a:hover,
.index-header .nav-menu>li a.on {
    color: #0068b7;
}

ul.nav-menu > li > ul {display: none; position: sticky; background: #373b45; z-index: 4; margin: 0 -15px; padding: 0 15px;}
.index-header ul.nav-menu > li > ul > li > a {color:white;}
ul.nav-menu > li:hover > ul {display: block;}

.index-header .sub-menu {
    display: none;
    position: absolute;
    top: 50px;
    right: -34px;
    padding-top: 20px;
    width: 143px;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    z-index: 999;
}

.index-header .sub-menu li {
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
    line-height: 16px;
    font-size: 16px;
}

.index-header .sub-menu li a {
    display: block;
    width: 100%;
    color: #333;
}

.index-header .sub-menu li a:hover {
    color: #0068b7;
}

.index-header .search-box {
	margin: 19px 22px 0 0;
	border: 1px solid #ddd;
	border-radius: 6px;
	height: 30px;
	display: flex;
}

.index-header .search-box .keyword{
    margin: 4px 0 4px 10px;
    width: 200px;
}

.index-header .search-box .split{
    border-left: 1px solid #ddd;
}

.index-header .search-box .button-box{
    background-color: rgb(248,248,248);
    border-radius: 5px;
    width: 36px;
    text-align: center;
    cursor: pointer;	
}

.index-header .search-box .button-box img{
	margin: 8px;
	height: 14px;
}

.indeed {
    box-sizing: border-box;
}

.indeed > a {
    color: #0068b7 !important;
}

/* 主站二级页面课程列表 */
.second-header-course {
    position: absolute;
    top: 148px;
    left: 0;
    display: none;
    padding: 12px 0;
    width: 100%;
    background-color: #fff;
    z-index: 99;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}

.second-header-course li {
    float: left;
    width: 240px;
    line-height: 40px;
}

.second-header-course li a {
    color: #666;
}

.second-header-course li a:hover {
    color: #0068b7;
}

.second-header-course li i {
    font-size: 24px;
}

.second-header-course li span {
    margin-left: 5px;
    font-size: 18px;
    vertical-align: top;
}

/* 分站二级页面课程列表 */
.sub-campus-course {
    position: absolute;
    top: 148px;
    left: 0;
    display: none;
    padding-top: 30px;
    width: 100%;
    height: 82px;
    background-color: #fff;
    z-index: 99;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    box-sizing: content-box;
}

.sub-campus-course .big-class {
    width: 150px;
}

.sub-campus-course .big-class li {
    margin-bottom: 15px;
    padding-left: 25px;
    font-size: 16px;
    color: #333;
    background-image: url('../../image/public/header_course_bg.png');
    background-repeat: no-repeat;
}

.sub-campus-course .big-class .web {
    background-position: 0 3px;
}

.sub-campus-course .big-class .it {
    background-position: 0 -20px;
}

.sub-campus-course .small-class {}

.sub-campus-course .small-class ul {
    margin-bottom: 15px;
}

.sub-campus-course .small-class li {
    float: left;
    margin-right: 30px;
    /*width: 120px;*/
    font-size: 16px;
}

.sub-campus-course .small-class a {
    color: #666;
}

.sub-campus-course .small-class a:hover {
    color: #0068b7;
}


/* 2、尾部样式 */
.footer {
    width: 100%;
    /*height: 346px;*/
    background: #2d3237;
}

.footer-top {
    width: 100%;
    /*height: 86px;*/
}

.footer-title {
    width: 100%;
    height: 86px;
    background: #2d3237;
}

.footer-title ul {
    margin: 0 auto;
    width: 1200px;
    height: 60px;
}

.footer-title li {
    float: left;
    margin-right: 29px;
    width: 72px;
    height: 86px;
    line-height: 80px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

.footer-title li.on,
.footer-title li:hover {
    background: url('../../image/public/footer_campus_bg.png') no-repeat 0 -4px;
    cursor: pointer;
}

.footer-content {
    position: relative;
    margin-top: 25px;
    height: 190px;
}

.footer-campus {
    position: relative;
    width: 750px;
    height: 100%;
}

.campus-info {
    position: absolute;
    top: 18px;
    left: 0;
    opacity: 0;
}

.campus-info h3 {
    margin-bottom: 10px;
    height: 32px;
    line-height: 32px;
    font-weight: normal !important;
    font-size: 20px;
    color: #fff;
}

.campus-info p {
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    color: #999;
}

.friendship-links {
    margin-bottom: 15px;
    width: 100%;
    /*height: 50px;*/
}

.friendship-links li {
    float: left;
    margin-right: 15px;
    line-height: 24px;
    font-size: 14px;
    color: #999;
}

.friendship-links li.title {
    line-height: 50px;
    font-size: 20px;
    color: #fff;
}

.friendship-links li a {
    color: #999;
}

.friendship-links li a:hover {
    color: #fff;
}

.QRCode {
    position: absolute;
    top: 5px;
    right: 176px;
    width: 146px;
    text-align: center;
}

.SinaWeibo {
    right: 22px;
}

.QRCode img {
    width: 136px;
    height: 136px;
}

.QRCode p {
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    color: #999;
}

.footer-law {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #999;
    background-color: #23282d;
}

.footer-law a {
    color: #999;
}

/*3、侧边栏*/
.public-sidebar {
    position: absolute;
    top: 45%;
    left: 0;
    margin-top: -306px;
    width: 120px;
    z-index: 9999;
}

.close-sidebar {
    position: absolute;
    top: -10px;
    right: -10px;
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #333;
    border-radius: 24px;
    cursor: pointer;
}

#free-btn1,
#free-btn2 {
    width: 110px;
    height: 30px;
    border: 2px solid #27b7e1;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #27b7e1;
    background-color: #fff;
    text-decoration: none;
    margin: 10px auto;
}

.free-btn-color {
    background-color: #27b7e1 !important;
    color: #fff !important;
}

#closeSidebar {
    position: absolute;
    top: -10px;
    right: -10px;
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #333;
    border-radius: 24px;
    cursor: pointer;
    z-index: 10;
}

.sidebar-form-box {
    width: 260px;
    position: absolute;
    right: -250px;
    display: none;
}

.sidebar-form-box-content {
    width: 230px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-left: auto;
    padding-bottom: 0.1px;
    border-radius: 4px;
    z-index: 1000;
}

.sidebar-form-box ::before {
    content: '';
    width: 17px;
    height: 17px;
    background-color: #FFFFFF;
    position: absolute;
    bottom: 78px;
    left: 21px;
    transform: rotate(226deg);
    z-index: 100;
    box-shadow: 2px -2px 3px rgba(180, 180, 180, 0.1);
    cursor: default;
}

.sidebar-form-title {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #27b7e1;
    color: #fff;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.sidebar-form-row {
    width: 85%;
    display: flex;
    flex-direction: column;
    margin: 20px auto;
}

.sidebar-form-row-title {
    width: 90px;
    border-left: 4px solid #27b7e1;
    text-indent: 10px;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
}

.sidebar-form-row input {
    width: 100%;
    height: 30px;
    line-height: 30px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    margin-top: 10px;
    text-indent: 10px;
}

.sidebar-form-submit-btn {
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #27b7e1;
    color: #fff;
    font-size: 14px;
    margin: 0 auto 20px;
    cursor: pointer;
}

.sidebar-pic-area{
    position: relative;
    z-index: 1;
    width: 120px;
    height: 595px;
}

.sidebar-pic-area img{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}

.sidebar-pic-area .sidebar-link{
  position: absolute;
  top: 115px;
  width: 100%;
  color: #fff;
  z-index: 100;
  text-align: center;
  height: 61px;
  line-height: 61px;
  font-size: 15px;
  cursor: pointer;
}


.sidebar-link:nth-child(2){
  top: 115px;
}

.sidebar-link:nth-child(3){
  top: 184px;
}

.sidebar-link:nth-child(4){
  top: 251px;
}

.sidebar-link:nth-child(5){
  top: 320px;
}

.sidebar-link:nth-child(6){
  top: 389px;
}

.sidebar-link a{
  color: transparent;
}