.align {

    align-items: center;

}



.justify {

    justify-content: space-between;

}

.login_container .login {
    color: #ffffff;
}

header .top > div {

    height: 80px;

}



header .top .flex {

    align-items: center;

}



header .top .logoImg {

    width: 244px;

	height: 44px;

}



header .middle ul {

   height: 50px;

   line-height: 50px;

}



header .middle ul a:not(.active):hover {

    color: #49687e;
 
 }



header .exp_list_nav {

    background-color: #547a95;

}



header .middle ul:not(.hover-exit) li {

    width: 160px;

    text-align: center;

}



header .middle li a {

    color: #ffffff;

}



header .middle li .active {

    display: inline-block;

    width: 160px;

    height: 50px;

    color: #ffffff;

	background-color: #49687e;

}



.carousel-body {

    margin-top: -50px;

}



.news-main, .exp_area, .course_area, .expCenter_list_area {

    margin-top: 40px;

}



.news_area, .notice_area {

    width: 580px;

	height: 430px;

	background-color: #ffffff;

	box-shadow: 0px 0px 6px 0px 

		rgba(0, 0, 0, 0.06);

    border-radius: 4px;

    overflow: hidden;

    padding: 27px 30px 0 30px;

    margin-right: 40px;

}



.notice_area {

    margin-right: 0;

}



.title-main {

    justify-content: space-between;

    align-items: center;

}



.title-main .title {

    font-size: 22px;

    color: #49687e;

    padding-bottom: 6px;

    border-bottom: 2px solid #49687e;

}



.more a em {

    font-size: 14px;

    color: #999999;

}



.news_area ul li {

    padding-top: 30px;

}



.news_area ul li:hover {

    cursor: pointer;

}





.news_area ul li:hover a {

    color: #49687e;

}



.news_area ul li:hover .news-content {

    color: #49687e;

}



.exp-noticeList ul li:hover a {

    color: #49687e;

}



.news_area ul li .date {

    width: 65px;

    /* height: 35px; */

    margin-right: 20px;

    border-right: 1px solid #eeeeee;

}



.news_area .date .month {

    font-size: 16px;

    color: #333333;

    margin-bottom: 7px;

}



.news_area .date .year {

    font-size: 12px;

    color: #858585;

    margin-left: 12px

}



.news_area .news-info div {

    width: 430px;

    overflow: hidden;

}



.news_area .news-info .news-title {

    font-size: 14px;

    color: #333333;

    margin-bottom: 5px;

}



.news_area .news-info .news-content {

    font-size: 12px;

    color: #666666;

}





.exp-main {

    height: 297px;

	background-color: #ffffff;

	box-shadow: 0px 0px 6px 0px 

		rgba(0, 0, 0, 0.06);

	border-radius: 4px;

    padding: 27px 30px 0 30px;

}



.course-main {

    /* height: 595px; */

	background-color: #ffffff;

	box-shadow: 0px 0px 6px 0px 

        rgba(0, 0, 0, 0.06);

    padding: 27px 30px 30px 30px; 

}



.expCenter_list_area .expList {

    display: flex;

    flex-wrap: wrap;

}



.expCenter_list-main {

    /* height: 983px; */

	background-color: #ffffff;

	box-shadow: 0px 0px 6px 0px 

        rgba(0, 0, 0, 0.06);

    padding: 27px 30px 0 30px; 

}



.expCenter_list-main .desc-centerName {

    font-size: 16px;

    margin-bottom: 20px;

    color: #333333;

}



.expCenter_list-main .exp-num {

    font-size: 14px;

    color: #999999;

}

.expCenter_list-main .item:hover .desc-centerName {
    color: #49687e;
}



.exp_list_area {

    margin-top: 22px;

}



.exp_banner_area, .exp_banner_home {

    margin-top: -80px;

}



.exp_banner_area::before {

    content: "";

    width: 100%;

    height: 600px;

    background-color: rgba(0, 0, 0, 0.25);

    display: block;

    position: absolute;

    z-index: 1;

}



.exp_banner_area .carousel-content {

    width: 875px;

    height: 372px;

    opacity: 0.9;

    position: absolute;

    top: 17%;

    left: 23%;

    z-index: 99;

}



.exp_banner_area .carousel-content > div {

    padding: 60px 45px;

    font-family: 'MicrosoftYaHei';

}



.exp_banner_area .carousel-content .carousel-title {

    font-size: 26px;

    color: #ffffff;

    text-align: center;

}



.exp_banner_area .carousel-content .carousel-num {

    font-size: 14px;

    color: #ffffff;

    opacity: 0.6;

    margin-top: 28px;

    margin-bottom: 42px;

    text-align: center;

}



.exp_banner_area .carousel-content .carousel-text {

    font-size: 16px;

    color: #ffffff;

    opacity: 0.9;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 5;

    -webkit-box-orient: vertical;

}



.expCourse-main .title-main, .expNotice_area .title-main, .exp_area-main .title-main {

    border-bottom: 1px solid #eeeeee;;

}



.exp-noticeList ul {

    display: flex;

    flex-wrap: wrap;

    margin-top: 40px;

    /* height: 135px; */

    overflow: hidden;

}



.exp-noticeList ul li {

    width: 286px;

    /* height: 45px; */

    margin-right: 18px;

    border-bottom: 1px dashed #e5e5e5;

    margin-bottom: 20px;

    padding-bottom: 10px;

}



.exp-noticeList ul li .dot {

    display: inline-block;

    width: 7px;

	height: 7px;

    background-color: #cccccc;

    border-radius: 50%;

    margin-right: 8px;

    margin-top: -12px;

}



.exp-noticeList ul li h4 {

    width: 265px;

    font-size: 14px;

    color: #666666;

    margin-bottom: 10px;

}



.exp-noticeList ul li .date {

    font-size: 12px;

    color: #999999;

    margin-left: 15px;

}



.exp-noticeList ul li:nth-child(4n){

    margin-right: 0;

}


.exp_area  .exp_area-main .layui-row .item {

    width: 285px;

	height: 160px;

	background-color: #eeeeee;

    border-radius: 4px;

    margin-right: 20px;

}



.exp_area  .exp_area-main .layui-row .item:nth-child(4n){

    margin-right: 0;

}



.hover-exit li {

    height: 40px;

    line-height: 40px;

}





.expBanner_area {

    height:600px;

    margin-top: -80px;

    background-repeat: no-repeat;

    background-size:cover;

    background-position: center center;

}



.empty-data, .empty_news {

    width: 230px;

    margin: 0 auto;

}



body .modal .modal-container {

    background: url(../images/register.png) no-repeat center center;

}



body .input_box .login input {

    background: #717683;

    border: 1px solid #717683;

}



body .input_box .login input:hover {

    background: #717683;

    border: 1px solid #717683;

}



body .box1 .log_choose>span {

    background-color: #717683;

}

.layui-carousel .img {
    height: 100%;
}