.align {

    align-items: center;

}



.justify {

    justify-content: space-between;

}



header .top {

    background-color: #3b7abd;

    height: 120px;

}



header .top .contact {

    justify-content: flex-end;

}



header .top .header-line {

   display: inline-block;

   width: 1px;

   height: 44px;

   background-color: #c5d6e8;

   opacity: 0.6;

   margin-left: 40px;

}





header .top ul a{

    color: #ffffff;

}



header .top .logoImg {



    width: 260px;



	height: 60px;



}



header .logoImg img {

    object-fit: contain;

}



header .middle .flex{

    height: 60px;

    align-items: center;

}



header .middle ul li {

    font-size: 18px;

    color: #333333;

    margin-right: 110px;

}



header .middle ul .active {

    color: #3b7abd;

}





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

    color: #3b7abd;

}



header .exp-bottom {

    position: absolute;

    left: 0;

    width: 100%;

    height: 60px;

	background-image: linear-gradient(0deg, 

		#d7d7d7 17%, 

		#ffffff 100%), 

	linear-gradient(

		#f6f6f6, 

		#f6f6f6);

	background-blend-mode: normal, 

        normal;

    display: none;

}



header .exp-bottom .news-nav {

    height: 60px;

    line-height: 60px;

}





header .exp-bottom .news-nav li {

    width: 120px;

    text-align: center;

}



header .exp-bottom .news-nav li a {

    font-size: 18px;

    color: #333333;

    border-right: solid 1px #bfbfbf;

    padding-right: 20px;

}



header .exp-bottom .news-nav li .active {

    color: #3a79bc;

}



.expCenter_body {

    width: 778px;

    height: 478px;

    background: #fff;

    border-radius: 4px;

    margin-right: 33px;

    padding: 20px;

}



.news_body {

	width: 392px;

	height: 478px;

	background-color: #ffffff;

    border-radius: 4px;

    padding: 20px 20px 0 20px;

}



.expCenter_area .left {

    width: 738px;

}



#news_carousel {

    margin-top: 30px;

}



.news_area .right {

  

    overflow: hidden;

    position: relative;

}





.expNews_area .right {

    width: 100%;

    height: 100%;

    overflow: hidden;

}





/* .expNews_area .newsList {

    width: 353px;

    margin-top: 15px;

    height: 268px;

    margin-left: 30px;

    overflow: hidden;

}



.expNews_area .newsList li {

    width: 353px;

    height: 53px;

    line-height: 53px;

    border-bottom: dashed 1px #dcdcdc;;

}



.expNews_area .newsList li .dot {

    display: inline-block;

    width: 6px;

	height: 6px;

    background-color: #0d7753;

    border-radius: 50%;

    margin-right: 10px;

}



.expNews_area .newsList li h4 {

    width: 293px;

    font-size: 14px;

    color: #666666;

} */



.expNews_area .right ul li{

    height: 80px;

    border-bottom: dashed 1px #dcdcdc;;

}



.expNews_area .right ul .time{

    width: 50px;

	/* height: 50px; */

	background-color: #ffffff;

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

		rgba(0, 0, 0, 0.1);

    border: solid 1px #dcdbdc;

    text-align: center;

}



.expNews_area .right ul .top{

    width: 50px;

	height: 4px;

	background-color: #3b7abd;

}



.expNews_area .right ul .date{

    width: 50px;

    height: 30px;

    line-height: 30px;

    color: #333333;

    font-size: 20px;

    background-color: #ffffff;

}





.expNews_area .right ul .year{

    border-top: 1px solid #dcdbdc;

    font-size: 12px;

    color: #3b7abd;

    width: 44px;

    text-align: center;

    margin: 0 auto;

    padding: 2px 0;

}





.expNews_area .right ul li h4{

   width: 284px;

   margin-left: 15px;

   font-size: 14px;

   color: #666666;

   overflow: hidden;

   text-overflow: ellipsis;

   display: -webkit-box;

   -webkit-line-clamp: 2;

   -webkit-box-orient: vertical;

}







/* .newsList .item:hover h4 a{

    color: #3b7abd !important;

}



.newsList .item:hover .date{

    color: #3b7abd !important;

} */



.noticeList .item:hover h4 a {

    color: #3b7abd !important;

}



.noticeList .item:hover .date {

    color: #3b7abd !important;

}







.title-icon {

    padding-bottom: 5px;

    border-bottom: 2px solid #3b7abd;

    align-items: baseline;

}



.expBody .title-icon {

    border-bottom: 2px solid #e5e5e5;

}





.title-icon .title-bg {

    position: relative;

}



.newsList_area .title-icon {

    border-bottom: none;

}





.title-icon .title-bg img {

    width: 194px;

	height: 52px;

}



.title-icon .exp_title-bg img {

    width: 20px;

    height: 20px;

    position: relative;

    top: -4px;

    margin-right: 12px;

}



.title-icon .title-bg span {

    position: absolute;

    left: 15px;

    top: 10px;

    font-size: 22px;

	color: #ffffff;

}





.title-icon .exp_title-bg span {

    font-size: 22px;

	color: #3a79bc;

}



.title-icon > span {

    font-size: 22px;

    color: #3b7abd;

}







.title-icon .more {

    margin-left: auto;

}



.title-icon .more a span, .title-icon .more em{

    font-size: 14px;

    color: #3b7abd;

}





.course-main, .exp-main  {

    background-color: #ffffff;

    border-radius: 4px;

    padding: 20px;

}



.expCenter_list_area {

    background-color: #ffffff;

    width: 100%;

    padding: 30px 20px;

}



.expCenter_list_area .expList {

    display: flex;

    flex-wrap: wrap;

}



.exp-middle {

    width: 100%;

    height: 60px;

    line-height: 60px;

    background-color: #3a79bc;

    position: relative;

}



.exp-middle  .topNav > li > a:not(.active) {

    display: inline-block;

	width: 160px;

    height: 60px;

    font-size: 18px;

    color: #fff;

    text-align: center;

}





.exp-middle .topNav > li > .active {

    display: inline-block;

    width: 160px;

    height: 60px;

    font-size: 18px;

    text-align: center;

	background-color: #fdfdfd;

}



.topNav .news:hover .exp-bottom {

    display: block;

}





.expNews-body .left {

    width: 381px;

    height: 300px;

    margin-right: 29px;

    overflow: hidden;

}



.news_body .right .noticeList {

    padding-top: 17px;

}



.expNews-body .left .noticeList li {

    height: 54px;

    line-height: 54px;

}



.expNews-body .left .noticeList h4 {

    width: 235px;

}





.expNews-body .left .noticeList h4 a {

    font-size: 14px;

    color: #666666;

}



.expNews-body .left .noticeList .date {

    font-size: 12px;

    color: #999999;

}



.expNews-body .right {

    width: 790px ;

    height: 300px;

    overflow: hidden;

}



.expNews-body .right .newsList {

    height: 100%;

}



.expNews-body .right .newsList .layui-row {

    display: flex;

    flex-wrap: wrap;

}



.expNews-body .right .newsList .item{

    width: 386px;

	height: 242px;

	background-color: #e1e2e2;

    border-radius: 4px;

    margin-top: 18px;

    margin-right: 18px;

}



.expNews-body .right .newsList .item .img{

    background-color: #e8e8e8;

    width: 100%;

    height: 100%;

    overflow-X: hidden;

    overflow-y: hidden;

}



.expNews-body .right .newsList .item > div.img img {

    transition: all 1s;

}



.expNews-body .right .newsList .item:hover img{

    transform:  scale(1.2);

}



.expNews-body .right .newsList .item:hover .exp-title {

    background-color: #3a79bc;

}



.expNews-body .right .newsList .item .exp-title{

    position: relative;

    top: -40px;

    height: 40px;

    text-align: center;

    line-height: 40px;

    color: #fff;

    background-color: #000000;

    opacity: 0.6;

}



.expNews-body .right .newsList .item:nth-child(2n){

    margin-right: 0;

}



.teacher_area .layui-row {

    display: flex;

    flex-wrap: wrap;

}



.teacher_area .item {

    margin-top: 30px;

    margin-right: 56px;

}



.teacher_area .item:nth-child(6n) {

    margin-right: 0;

}



.teacher_area .item .img {

    width: 153px;

    height: 154px;

    overflow-X: hidden;

    overflow-y: hidden;

}



.teacher_area .item .img img {

    border-radius: 50%;

    width: 100%;

    height: 100%;

    transition: all 1s;

}





.teacher_area .item:hover img{

    transform:  scale(1.2);

}



.teacher_area .item:hover  .exp-title {

    color: #3b7abd;

}



.teacher_area .item .exp-title {

    text-align: center;

    margin-top: 18px;

    font-size: 16px;

    color: #333333;

}



.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: #677ec3;



    border: 1px solid #677ec3;



}







body .input_box .login input:hover {



    background: #677ec3;



    border: 1px solid #677ec3;



}



body .box1 .log_choose {

    border: none;

    border-top: 1px solid rgba(255,255,255,.4);

}



body .box1 .log_choose>span {



    background-color: transparent;



}