* {

    padding: 0;
    margin: 0;
    list-style: none;
    text-decoration: none;
    box-sizing: border-box;

}

.img {

    display: block;

}

.tag{
    width:24px !important;
    height:28px !important;
    display: inline-block;
    margin-right: 3px;
}

img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.rightbox .content_box img {
    width: auto;
    height: auto;
    max-width: 100%;
}


#logo img {

    width: 100%;

    height: 100%;

    object-fit: contain;

}
/* 
.img:not(#logo):hover > img {

    opacity: 0.8;

} */

.flex {

    display: flex;

}

.bet {

    justify-content: space-between;

}

.one_row {

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.teacher a{
    color: #999 !important;
}

.overhide {

    overflow: hidden;

}

header {

    width: 100%;

    min-width: 1200px;

}

.content {

    width: 1200px;

    min-width: 1200px;

    margin: 0 auto;

}

header .top {

    width: 100%;

    height: 40px;

}

header .top ul {

    width: 100%;

    height: 50px;

    line-height: 50px;

    justify-content: flex-end;

    text-align: right;

}

header .top ul li {

    height: 40px;

    width: 88px;

    position: relative;

}

header .top ul li:not(:last-child)::before {

    content: "";

    display: block;

    width: 1px;

    height: 12px;

    background-color: #bababa;

    position: absolute;

    top: 50%;

    /* margin-top: -6px; */

    right: -20px;

}

header .top ul a {

    color: #666666;

    font-size: 12px;

}

header .top ul a:hover {

    color: #63065f;

}

header .top .login_container {

    height: 40px;

    line-height: 40px;

    width: 20%;

    text-align: right;

}

header .bottom .login_container .login {

    color: #fff

}

.center_nav .login_container {

    height: 80px;

    line-height: 80px;

    width: 20%;

    text-align: right;

}

.center_nav .content {
    width: 1400px;
    
    min-width: 1400px;
}

.center_nav .login_container .login {

    color: #fff

}

header .center_nav .logoImg {
    height: 80px;
    width: 225px;
    margin-right: 60px;
}

/* header .center_nav h2 {
    line-height: 80px;
    margin-right: 30px;
    width: 200px;
    color: #fff;
} */


header .top .login_container a:hover, .center_nav .login_container a:hover {

    color: #ddd;

}


header .bottom .login_container {

    height: 40px;

    line-height: 40px;

    width: max-content;

    text-align: right;

    position: relative;

}

header .bottom .login_container .img img, .center_nav .login_container .img img {

    width: 30px;

    height: 30px;

    border-radius: 50%;

    margin-right: 10px;

    object-fit: unset;

}

header .login_container .user_name {

    color: #fff;

}


header .bottom .login_container ul.hover-exit {

    width: 110px;

    padding-bottom: 10px;

    padding-top: 10px;

    min-width: 90px;

    background-color: #fff;

    border-bottom-left-radius: 4px;

    border-bottom-right-radius: 4px;

    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .3);

    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .3);

    box-shadow: 0 2px 5px rgba(0, 0, 0, .3);

    position: absolute;

    top: 40px;

    right: -15px;

    z-index: 100;

    display: none;

    text-align: center;

    height: unset;

}


header .center_nav .login_container ul.hover-exit {

    width: 110px;

    padding-bottom: 10px;

    padding-top: 10px;

    min-width: 90px;

    background-color: #fff;

    border-bottom-left-radius: 4px;

    border-bottom-right-radius: 4px;

    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .3);

    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .3);

    box-shadow: 0 2px 5px rgba(0, 0, 0, .3);

    position: relative;

    right: -90px;

    z-index: 100;

    display: none;

    text-align: center;

    height: unset;

}


header ul.hover-exit li {

    width: 100%;

    height: 30px;

    line-height: 30px;

}


header ul.hover-exit li a {

    font-size: 14px;

    color: #333;

}


header .center_nav .login_container ul.hover-exit li a {

    font-size: 14px;

    color: #333;

}


header .bottom .login_container:hover ul.hover-exit, header .center_nav .login_container:hover ul.hover-exit {

    display: block;

}

header .middle {

    height: 110px;

    width: 100%;

    margin-top: -40px;

    /* border-bottom: 2px solid #313f28; */

}

#expCenterDetails header .middle {

    border-bottom: none;

}

header .middle .img {

    width: 200px;

    height: 110px;

}

header .middle .title {

    max-width: 800px;

    max-height: 110px;

    margin-left: 20px;

    padding-left: 20px;

    position: relative;

    color: #63065f;

}

header .middle .title::before {

    content: "";

    width: 2px;

    height: 44px;

    position: absolute;

    background-color: #977696;

    left: 0;

    top: 50%;

    margin-top: -18px;

    opacity: 0.6;

}

#lab_center .banner_area::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
#lab_center .banner_area .banner_content{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:50px 0;
    z-index: 2;
}
#lab_center .banner_area .banner_content .content{
    width:1200px;
    max-width: 1200px;
    height:100%;
    color:#fff;
    text-align: center;
}
#lab_center .banner_area .banner_content .content h4{
    font-size: 30px;
    width:100%;
}
#lab_center .banner_area .banner_content .content .info{
    margin-top: 30px;
    color:#d4d4d4;
    font-size: 14px;
}
#lab_center .banner_area .banner_content .content p{
    margin-top:40px;
    font-size: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
#lab_center .layui-carousel-ind{
    z-index: 999;
}

header .middle .title h2 {

    font-size: 26px;

    margin-top: 28px;

}

header .middle .title h4 {

    font-size: 10px;

    margin-top: 6px

}

header .bottom {

    height: 40px;

    background-color: #63065f;

}

header .bottom ul {

    height: 40px;

    line-height: 40px;

}

header .bottom ul li {

    width: max-content;

    position: relative;

    /* margin-right:60px; */

    width: 110px;

    text-align: center;

}

/* header .bottom ul li:not(:last-child)::before{

    content:"";

    display: block;

    width:1px;

    height:12px;

    background-color:#666;

    position: absolute;

    top:50%;

    margin-top:-6px;

    right:-30px;

    transform: skew(-30deg);

} */

header .bottom ul a {

    font-size: 14px;

    color: #fff;

}

header .bottom ul a:hover {

    color: #ddd;

    /* font-weight: 800; */

}

header .bottom ul a.active {

    color: #fff;

    font-weight: 800;

    display: block;

    width: inherit;

    height: 40px;

    /* margin-top: 15px; */

    line-height: 40px;

    background-color: #80287e;

    /* border-bottom: 2px solid #63065f; */

}

header .center_nav h2 {

    color: #fff;

    line-height: 80px;

}

header .center_nav {

    width: 100%;

    height: 80px;

    background-color: #63065f;

}

header .center_nav ul {

    width: 100%;

    height: 80px;

    line-height: 80px;

}

header .center_nav ul li {

    position: relative;

    width: 110px;

    text-align: center;

}

header .center_nav ul li a {

    color: white;

}

header .center_nav ul li a:not(.active):hover {

    color: #ccc;

}

header .center_nav ul li a.active {

    display: block;

    width: 100%;

    height: 100%;

    background-color: #80287e;

}


footer {

    width: 100%;

    height: 160px;

    background-color: #63065f;

    margin-top: 60px;

    min-width: 1200px;

}

footer .content {

    height: 100%;

    padding: 40px 0;

}

footer h4 {

    color: #fff;

    font-size: 16px;

    margin-bottom: 20px;

}

footer ul {

    width: 100%;

    max-width: 100%;

}

footer ul li {

    width: max-content;

    height: 16px;

    line-height: 16px;

    position: relative;

    margin-right: 30px;

}

footer ul li:not(:last-child)::before {

    content: "";

    display: block;

    height: 14px;

    width: 1px;

    background-color: white;

    position: absolute;

    right: -15px;

}

footer ul li a {

    color: white;

    font-size: 14px;

}

footer .copyright {

    margin-top: 20px;

    color: #999;

    font-size: 14px;

}

footer .copyright .support {

    margin-left: 20px;

}

footer .copyright .support a {

    color: #999;

    font-size: 14px;

}

footer .copyright .support a:hover {

    color: #ddd;

}

footer .copyright .tel {

    margin-left: auto;

    position: relative;

    width: 335px;

    text-align: left;

}

footer .copyright .tel a {

    display: block;

    height: 30px;

    width: 90px;

    color: white;

    border: 1px solid black;

    border-radius: 5px;

    line-height: 30px;

    text-align: center;

    padding: 0 5px;

    font-size: 14px;

    background-color: rgb(10, 13, 8);

    position: absolute;

    right: 0;

    top: -7px;

}

footer .copyright .tel a:hover {

    background-color: rgb(100, 100, 100)

}

footer .copyright .tel a em {

    font-size: 14px;

}

.pageBody {

    width: 100%;

    min-width: 1200px;

}

.pageBody .banner_area {

    height: 460px;

    position: relative;

    width: 100%;

}


#expCenter .banner_area, #exp_list .banner_area, #news_list .banner_area, #expCenterDetails .banner_area {

    height: 400px;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

}

#expCenterDetails .banner_area {

    text-align: center;

    /* padding: 50px 100px; */

}

#expCenterDetails .banner_area h4 {

    font-size: 30px;

    color: #fff;

    position: relative;

    z-index: 10;

}

#expCenterDetails .banner_area .info {

    margin-top: 30px;

    position: relative;

    z-index: 10;

    color: #bbb;

    font-size: 14px;

}

#expCenterDetails .banner_area .info .count {

    margin-left: 50px;

}

#expCenterDetails .banner_area p {

    margin-top: 25px;

    position: relative;

    z-index: 10;

    color: #f9f9f9;

    font-size: 16px;

    text-align: left;

    line-height: 26px;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 5;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;


}

#expCenter .banner_area::before, #news_list .banner_area::before {

    content: none;

}

#exp_list .banner_area .content {

    background-color: transparent;

    color: white;

    text-align: center;

    padding: 60px 30px 50px 30px;

    position: relative;

    z-index: 10;

}

#exp_list .banner_area .content h4 {

    width: 100%;

    max-width: 100%;

    font-size: 30px;

    padding: 0 50px;

    height: 40px;

}

#exp_list .banner_area .content h4 div {

    float: right;

    color: #ccc;

    font-size: 14px;

    height: 40px;

    line-height: 50px;

}

#exp_list .banner_area .content h4 div .exp_count {

    color: #fff;

    font-size: 16px;

}

#exp_list .banner_area .content p {

    margin-top: 30px;

    color: #e7e7e7;

    font-size: 16px;

    padding: 0 50px;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 9;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;


}

#exp_list .banner_area::before, #expCenterDetails .banner_area::before {

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

}

/* .pageBody .banner_area::before{

    content:"";

    height:100%;

    width:100%;

    display: block;

    background-color: rgba(10, 13, 8, 0.67);

    position: absolute;

    top:0;

    left:0;

    z-index: 3;

} */

.pageBody .banner_area .left, .pageBody .banner_area .right {

    position: absolute;

    width: 1200px;

    top: 0;

    z-index: 1;

    transition: all 0.3s linear;

}

.pageBody .banner_area .right {

    z-index: 2;

}

.pageBody .banner_area .center {

    width: 1200px;

    position: absolute;

    z-index: 4;

    transition: all 0.3s linear;

}

.pageBody .banner_area .btns {

    width: 1200px;

    min-width: 1200px;

    margin: 0 auto;

    position: relative;

    height: 460px;

    z-index: 10;

}

.pageBody .banner_area .btns:hover em {

    display: block;

}

.pageBody .banner_area .btns em {

    color: white;

    position: absolute;

    z-index: 10;

    font-size: 40px;

    width: 50px;

    height: 80px;

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

    line-height: 80px;

    top: 50%;

    margin-top: -40px;

    text-align: center;

    display: none;

    cursor: pointer;

}

.pageBody .banner_area .btns em:hover {

    background-color: rgba(0, 0, 0, 0.7)

}

.pageBody .banner_area .btns em.next {

    right: 0;

}

.pageBody .banner_area .btns em.prev {

    padding-left: 10px;

}

.pageBody .container {

    margin-top: 60px

}

.pageBody .news_area .carousel, .pageBody .news_area .news {

    width: 380px;

    height: 450px;

    margin-top: 20px;

    overflow: hidden;

}


#expCenterDetails .news_area .expCenterNews {

    width: 585px;

    height: 320px;

    overflow: hidden;

}

#expCenterDetails .pageBody .news_area .carousel {

    width: 400px;

    height: 250px;

    overflow: hidden;

}

.pageBody .news_area .carousel > [carousel-item]::after {

    content: "";

    display: block;

    background-color: rgba(10, 13, 8, 0.67);

    position: absolute;

    bottom: 0;

    height: 40px;

    max-width: 100%;

    width: 100%;

    z-index: 1;

}

.pageBody .news_area .carousel .layui-carousel-ind {

    text-align: right;

    font-size: 0;

    z-index: 2;


}

.pageBody .news_area .carousel .layui-carousel-ind ul {

    height: 35px;

    line-height: 30px;

    background-color: unset;

    border-radius: unset;

}

.pageBody .news_area .carousel .layui-carousel-ind ul li {

    width: 10px;

    height: 10px;

    margin: 0 5px;

    border-radius: unset;

    background-color: unset;

    border: 1px solid #fff;

}

.pageBody .news_area .carousel .layui-carousel-ind ul li.layui-this {

    background-color: #fff;

}


.pageBody .news_area .carousel .img {

    width: 100%;

    height: 100%;

}

.pageBody .news_area .carousel img {

    object-fit: unset;

}

.pageBody .news_area .carousel h4 {

    position: absolute;

    bottom: 0;

    height: 40px;

    max-width: 70%;

    width: 70%;

    line-height: 40px;

    padding: 0 20px;

    z-index: 10;

}

.pageBody .news_area .carousel h4 a {

    color: #fff;

    font-size: 16px;

}

.pageBody .news_area .carousel h4 a:hover {

    color: #ccc;

}

.container_title {

    height: 43px;

    font-size: 22px;

    border-bottom: 2px solid #eee;

    position: relative;

    color: #666;

}

.container_title .more, .center_title .more, .container_title .crumb {

    margin-left: auto;

    font-size: 14px;

    line-height: 43px;

    color: #999;

}

.pageBody .news_area .carousel, .pageBody .news_area .center {

    width: 100%;

    height: 120px;

    overflow: hidden;

}


.center .noticeList {

    flex-wrap: wrap;

}


.center .dot {

    width: 7px;

    height: 7px;

    display: inline-block;

    background: #cccccc;

    border-radius: 50%;

}


.center_title {

    padding-left: 0;

    width: 100%;

    font-size: 20px;

    border-bottom: 2px solid #eee;

    color: #fff;

    height: 42px;


}

.center_title > div {

    width: 120px;

    text-align: left;

    height: 40px;

    line-height: 40px;

    color: #63065f;

}

.center_title .more em {

    font-size: 18px !important;

}

.crumb a {

    color: #999;

}


.crumb a:hover {

    color: #666;

}

.crumb li {

    width: max-content;

    margin-left: 10px;

    height: 33px;

    line-height: 33px;

}

.crumb li:first-child {

    color: #333;

}

.more > em, .crumb em {

    font-size: 14px;

}

.center_title .more {

    line-height: 40px;

}

.container_title .more:hover, .crumb a.active {

    color: #63065f;

}

.center_title .more:hover {

    color: #457226;

}

/* .container_title::before{

    content:"";

    display: block;

    width:18px;

    height:18px;

    background-image: url(../img/fly.png);

    position: absolute;

    left:0;

    top:4px;

} */

ul.container_title li, .container_title > div {

    margin-right: 50px;

    position: relative;

}

ul.container_title li a {

    color: #666;

}

ul.container_title li a:hover, ul.container_title li a.active, .container_title > div {

    color: #63065f;

}

ul.container_title li a.active::before, .container_title > div::before {

    content: "";

    width: 100%;

    height: 2px;

    background-color: #63065f;

    position: absolute;

    bottom: -2px;

    left: 0;

}

.pageBody .news_area .news .box {
    border-top: 1px solid #e5e5e5;

    height: 321px;

    max-height: 321px;

    padding-top: 25px;

    position: relative;

}


.pageBody .news_area .center .box {

    height: 120px;

    /* max-height: 321px; */

    padding-top: 20px;

    position: relative;

}


.pageBody .news_title {

    color: #333333;

    font-size: 20px;

    padding-top: 25px;

    margin-bottom: 19px;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;

}

.pageBody .exp_news_title {

    color: #333333;

    font-size: 20px;

    margin-bottom: 19px;

    overflow: hidden;

}


.pageBody .news_content {

    color: #999999;

    font-size: 14px;

    margin-bottom: 13px;

    letter-spacing: .2px;

    height: 78px;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;

}

.pageBody .exp_news_content{

    color: #999999;

    font-size: 14px;

    margin-bottom: 12px;

    letter-spacing: .2px;

    height: 60px;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;


}


#expCenterDetails .pageBody .news_title {

    color: #333333;

    font-size: 16px;

    margin-top: 0;

    margin-bottom: 19px;

}


.pageBody .news_detail {

    text-align: right;

    color: #333333;

    font-size: 14px;

    padding-bottom: 20px;

    /* border-bottom: 1px solid #e5e5e5; */

}

.pageBody .news_area .news .box ul {

    position: absolute;

    transition: left 0.5s ease;

    width: 100%;

    height: 100%;

    left: -600px;

    overflow: hidden;

}

.pageBody .news_area .news .box ul.show {

    left: 0px;

}

.pageBody .news_area .news .box .item {

    height: 15px;

    line-height: 15px;

    margin-bottom: 20px;

}


.pageBody .news_area .center .box .item {

    width: 50%;

    height: 15px;

    line-height: 13px;

    margin-bottom: 20px;

}

.pageBody .news_area .news .box .item em {

    font-size: 10px;

    color: #ccc;

}

.pageBody .news_area .news .box .item h4 {

    margin-left: 10px;

    font-size: 14px;

    max-width: 251px;

}

.pageBody .news_area .center .box .item h4 {

    margin-left: 10px;

    font-size: 14px;

    max-width: 300px;

}

.pageBody .news_area .news .box .item h4 a {

    color: #666;

}

.pageBody .news_area .news .box .item h4 a:hover {

    color: #63065f;

}

.pageBody .news_area .news .box .item .date {

    margin-left: auto;

    /* margin-left: 30px; */

    font-size: 12px;

    color: #999;
}


.pageBody .noticeList .item:nth-child(even) {

   padding-left: 50px;

}

.expCenter_area .layui-row .item {

    width: 380px;

    float: left;

    border: 1px solid #e5e5e5;

    margin-top: 20px;

    height: 214px;

    display: flex;

}

/* .expCenter_area .layui-row .item:nth-child(odd){

    margin-right:20px

} */

.expCenter_area .layui-row .item {

    margin-right: 28px

}


.expCenter_area .layui-row .item:nth-child(3n+3) {

    margin-right: 0

}

.expCenter_area .layui-row .item > div {

    width: 284px;

    height: 100%;

}

.expCenter_area .layui-row .item > div.img {

    background-color: #e8e8e8;

    width: 100%;

    height: 100%;

    overflow: hidden;

    overflow-y: hidden;

}

.expCenter_area .layui-row .item > div.img img {

    transition: all 1s;

}

.expCenter_area .layui-row .item > div.img:hover img {

    transform: scale(1.2);

}

.expCenter_area .layui-row .item > div.img:hover, .expCenter_area .layui-row .item div.title {

    /* background-color: #63065f;   */

    /* opacity: 0.6; */

}



.expCenter_area .layui-row .item div.title {

    position: relative;

    top: -40px;

    height: 40px;

    text-align: center;

    line-height: 40px;

    color: #fff;

    background-color: #000000;

    opacity: 0.4;

}


.expCenter_area .layui-row .item > div.desc {

    text-align: center;

    padding: 20px 20px 20px 0;

}

.expCenter_area .layui-row .item > div.desc h2 {

    font-size: 16px;

    color: #333;

    margin-bottom: 10px;

}

.expCenter_area .layui-row .item > div.desc span {

    font-size: 14px;

    color: #999

}

.expCenter_area .layui-row .item > div.desc p {

    margin-top: 10px;

    font-size: 14px;

    color: #666;

    line-height: 22px;

    height: 70px;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;

}


/* .expCenter_area .layui-row .item:hover img {

    opacity: 0.8;

} */

/* .course_area .layui-row .item:hover img {

    opacity: 0.8;


} */

.expCenter_area .layui-row .item:hover .desc h2, .expCenter_area .layui-row .item:hover .desc p {

    color: #63065f;

}



.course_area .layui-row .item {

    float: left;

    width: 278px;

    height: 240px;

    margin-top: 20px;

    margin-right: 28px;

}

.course_area .layui-row .item:nth-child(4n+4) {

    margin-right: 0;

}

.course_area .layui-row .item .img {

    width: 100%;

    height: 156px;

    background-color: #e8e8e8;

    overflow-x: hidden;

    overflow-y: hidden;

}

.course_area .layui-row .item .img img {
    
    transition: all 1s;

}

.course_area .layui-row .item .img:hover img {

    transform:  scale(1.2);

}

.course_area .layui-row .item:hover h4 a {

    color: #63065f;

}


.course_area .layui-row .item h4 {

    margin-top: 10px;

    width: 100%;

    max-width: 100%;

    height: 40px;

    max-height: 40px;

    font-size: 14px;

    line-height: 20px;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;

}

.course_area .layui-row .item h4 a {

    color: #333;

}

.course_area .layui-row .item h4 a:hover {

    color: #63065f;

}


.course_area .layui-row .item .info {

    color: #999;

    font-size: 14px;

    margin-top: 5px;

    /* border-top: 1px solid #ddd; */

    padding-top: 5px;

}

.item .info .collage {

    max-width: 70%;

    width: 70%;

}

.item .info .name {

    max-width: 28%;

    width: 28%;

    text-align: right;

}

.item .info .name em {

    font-size: 14px;

}

.expCenter_list_area .layui-row .item {

    /* float: left; */

    width: 1200px;

    height:176px;

    margin-top: 30px;

    border: 1px solid #dcdcdc;

    display: flex;

}

.expCenter_list_area .layui-row .item .img {

    width: 309px;

    height:174px;

    background-color: #f8f8f8;

    overflow-x: hidden;

    overflow-y: hidden;
    
}

.expCenter_list_area .layui-row .item .img img {
    
    transition: all 1s;

}

.expCenter_list_area .layui-row .item:hover img {

    transform:  scale(1.2);

}

.expCenter_list_area .layui-row .item img {
    width: 309px;

    height:174px;
}

/* .expCenter_list_area .layui-row .item:nth-child(odd){

    margin-right: 30px;

} */

.expCenter_list_area .layui-row .item .desc {

    padding: 5px 40px 0 40px;

    width: 850px;

    position: relative;

}

.expCenter_list_area .layui-row .item .desc h4 {

    margin-top: 20px;

    margin-bottom: 10px;

    font-size: 16px;

    color: #333;

    max-width: 100%;

}

.expCenter_list_area .layui-row .item .desc .collage {

    margin-top: 10px;

    font-size: 12px;

    /* color: #999999; */

    margin-right: 62px;

    /* max-width: 100%;

    display: block; */

}

.expCenter_list_area .layui-row .item .desc p {

    margin-top: 29px;

    font-size: 14px;

    text-align: left;

    color: #666;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;

}

.expCenter_list_area .layui-row .item .desc div {

    /* position: absolute;

    top: 14px;

    right: 28px; */

    font-size: 12px;

    color: #999;

}


.expCenter_list_area .layui-row .item:hover h4, .expCenter_list_area .layui-row .item:hover p, .expCenter_list_area .layui-row .item:hover span {

    color: #63065f;

}

.select_area {

    padding: 30px 0 1px 0;

    width: 100%;

    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);

}

.select_area .content {

    position: relative;

}

.select_area ul:not(.crumb) {

    height: 30px;

    line-height: 30px;

    margin-bottom: 30px;

}

.exp_list_area ul:not(.pagination) {

    background-color: #f3f4f6;

    height: 50px;

    line-height: 30px;

    padding: 10px 20px;

}

.exp_list_area ul:not(.pagination) li {

    position: relative;

}

.exp_list_area ul:not(.pagination) li.sort:hover .sort_content {

    display: block;

}

.exp_list_area ul:not(.pagination) li .sort_content {

    background-color: white;

    padding: 10px;

    border: 1px solid #ddd;

    border-radius: 5px;

    left: -7px;

    position: absolute;

    width: 135px;

    display: none;

}

.exp_list_area ul:not(.pagination) li .sort_content a {

    display: block;

    font-size: 14px !important;

}

.exp_list_area ul:not(.pagination) li .sort_content em {

    font-size: 14px !important;

}

.select_area ul:not(.crumb) li:first-child, .exp_list_area ul:not(.pagination) li:first-child {

    color: #a5a5bc;

    font-size: 18px;

}

.select_area ul:not(.crumb) li:not(:first-child), .exp_list_area ul:not(.pagination) li:not(:first-child) {

    width: max-content;

    height: 30px;

    padding: 0 5px;

}

.select_area ul:not(.crumb) li:not(:first-child) a, .exp_list_area ul:not(.pagination) li:not(:first-child) a {

    color: #666;

    font-size: 16px;

    transition: all .3s;

    display: block;

    width: max-content;

    padding: 0 10px;

}

.select_area ul:not(.crumb) li:not(:first-child) a.active, .exp_list_area ul:not(.pagination) li:not(:first-child) a.active {

    display: block;

    color: white;

    width: max-content;

    height: 30px;

    padding: 0 10px;

    font-size: 16px;

    background-color: #63065f;

}

.select_area ul:not(.crumb) li:not(:first-child) a:not(.active):hover, .exp_list_area ul:not(.pagination) li:not(:first-child) a:not(.active):hover {

    color: #63065f;

}

.select_area .crumb {

    position: absolute;

    right: 0;

    top: 10px;

}

.exp_list_area .layui-row .item {

    float: left;

    margin-top: 30px;

    margin-right: 45px;

    width: 370px;

    height: 310px;

}

.exp_list_area .layui-row .item:nth-child(3n+3) {

    margin-right: 0;

}

.exp_list_area .layui-row .item .img {

    width: 100%;

    height: 208px;

    background-color: #f8f8f8;

    overflow-x: hidden;

    overflow-y: hidden;

}

.exp_list_area .layui-row .item .img img {

    transition: all 1s;
}

.exp_list_area .layui-row .item .img img:hover {

    transform:  scale(1.2);
}

.exp_list_area .layui-row .item:hover h4 a {

    color: #63065f;

}



.exp_list_area .layui-row .item h4 {

    width: 100%;

    max-width: 100%;

    font-size: 14px;

    line-height: 20px;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;

    height: 40px;

    min-height: 40px;

    max-height: 40px;

    margin-top: 12px;

}

.exp_list_area .layui-row .item h4 a {

    color: #333;

}

.exp_list_area .layui-row .item h4 a:hover {

    color: #63065f;

}

.exp_list_area .layui-row .item .info {

    margin-top: 5px;

    color: #999;

    font-size: 14px;

}

.pageBody .moreBtn {

    width: 140px;

    height: 45px;

    border: solid 1px #63065f;

    margin: 0 auto;

    text-align: center;

    line-height: 45px;

    margin-top: 39px;

}

.newsList_area .leftbox {

    width: 220px;

    max-width: 220px;

    background: #f8f8f8;

    position: relative;

    top: 0px;

    transition: top 0.5s;

    height: fit-content;


}

.newsList_area .rightbox {

    width: 920px;

    max-width: 920px;

}

.newsList_area ul.col_nav li {

    padding-left: 50px;

    position: relative;

}

.newsList_area ul.col_nav li em {

    font-size: 12px;

    color: #63065f;

    position: absolute;

    right: 20px;

    top: 0;

    display: none;

}

.newsList_area ul.col_nav .title {

    height: 63px;

    color: #fff;

    background-color: #63065f;

    line-height: 63px;

    font-size: 22px;

    padding-left: 50px;

}

#expCenterNews .newsList_area ul.col_nav .title {

    background-color: #63065f;

}

.newsList_area ul.col_nav li:not(.title) {

    height: 50px;

    line-height: 50px;

    font-size: 16px;

    border-bottom: 1px dashed #d2d2d2;

}

.newsList_area ul.col_nav li:not(.title) a {

    color: #666;

}

.newsList_area ul.col_nav li:not(.title) a:hover, .newsList_area ul.col_nav li:not(.title).active a {

    color: #63065f;

}

#expCenterNews .newsList_area ul.col_nav li:not(.title).active {

    background-color: #dae3d4;

    border-bottom: 1px dashed #d2d2d2;

}

#expCenterDetails .expCenterNews-list {
    height: 157px;;
}

.newsList_area ul.col_nav li:not(.title).active {

    border-bottom: 1px dashed #63065f;

    background: #fff;

}

.newsList_area ul.col_nav li:not(.title).active em {

    display: block;

}

.newsList_area .rightbox .box .item {

    margin-top: 20px;

    border-bottom: 1px dashed #d2d2d2;

}

#expCenterNews .newsList_area .rightbox .box .item {

    padding-bottom: 15px;

}

#expCenterNews .newsList_area .rightbox .box .item .date {

    color: #999;

    font-size: 12px;

}

#expCenterNews .newsList_area .rightbox .box .item h4 a {

    color: #666;

}

#expCenterNews .newsList_area .rightbox .box .item h4 a:hover {

    color: #457226;

}

.newsList_area .rightbox .box {

    padding-top: 10px;

    min-height: 600px;

}

.newsList_area .detailsbox {

    padding-top: 40px;

    min-height: 600px;

}

.newsList_area .detailsbox h4 {

    width: 100%;

    padding: 0 50px;

    text-align: center;

    font-size: 24px;

    color: #333;

}

.newsList_area .detailsbox .info {

    width: 100%;

    padding: 0 50px;

    text-align: center;

    font-size: 12px;

    color: #999;

    margin-top: 30px;

}

.newsList_area .detailsbox .content_box {

    margin-top: 40px;

    padding: 0 50px;

    font-size: 16px;

    color: #333;
    
    line-height: 30px;

    letter-spacing: .1px;

}

.newsList_area .detailsbox .info .date {

    margin-left: 40px;

}

.newsList_area .rightbox .box .item h4 {

    font-size: 16px;

}

.newsList_area .rightbox .box .item h4 a {

    color: #333;

}

.newsList_area .rightbox .box .item h4 a:hover {

    color: #63065f;

}

.newsList_area .rightbox .box .item p {

    margin-top: 20px;

    font-size: 14px;

    color: #666;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;

}

.newsList_area .rightbox .box .item .info {

    margin-top: 14px;

    font-size: 12px;

    height: 16px;

    line-height: 16px;

    color: #666;

    margin-bottom: 20px;

}

.newsList_area .rightbox .box .item .info .date {

    margin-left: auto;

    color: #a7a7a7;

}

.newsList_area .rightbox .box .item .info .editor {

    color: #a7a7a7;

}

.newsList_area .rightbox .box .item .info .views {

    width: 110px;

    color: #a7a7a7;

}

#page {

    margin-top: 20px;

    text-align: right;

}

#expCenterDetails .news_area .leftbox {

    width: 769px;

}

#expCenterDetails .news_area .rightbox {

    width: 401px;

}

#expCenterDetails .news_area .box {

    width: 100%;

    border-top: 1px solid #e5e5e5;

    /* margin-top:20px; */

    max-height: 250px;

    overflow: hidden;

}

#expCenterDetails .news_area .leftbox .box .news_row {

    width: 339px;

    height: 250px;

    max-height: 250px;

    overflow: hidden;

}

#expCenterDetails .news_area .leftbox .box .news_row .item {

    height: 43px;

    margin-bottom: 8px;

    border-bottom: 1px dashed #ddd;

}

#expCenterDetails .news_area .leftbox .box .news_row .item h4 {

    font-size: 14px;

    margin-bottom: 5px;

    width: 100%;

    max-width: 100%;

}

#expCenterDetails .news_area .leftbox .box .news_row .item h4 a {

    color: #666;

}

#expCenterDetails .news_area .leftbox .box .news_row .item h4 a:hover, #expCenterDetails .news_area .rightbox .box .item h4 a:hover {

    color: #457226;

}

#expCenterDetails .news_area .leftbox .box .news_row .item .date {

    color: #999;

    font-size: 12px;

}

#expCenterDetails .news_area .rightbox .box .item {

    height: 73px;

    max-height: 73px;

    border-bottom: 1px dashed #ddd;

    margin-bottom: 14px;

}

#expCenterDetails .news_area .rightbox .box .item .date {

    width: 70px;

    height: 60px;

    border: 1px solid #ddd;

}

#expCenterDetails .news_area .rightbox .box .item .date > span {

    width: 100%;

    height: 50%;

    display: block;

    text-align: center;

    line-height: 30px;

}

#expCenterDetails .news_area .rightbox .box .item .date > span.dd {

    background-color: #859e73;

    color: #fff;

    font-size: 18px;

}

#expCenterDetails .news_area .rightbox .box .item .date > span.yy_mm {

    color: #324029;

    font-size: 14px;

}

#expCenterDetails .news_area .rightbox .box .item h4 {

    width: 301px;

    height: 60px;

    line-height: 24px;

    font-size: 14px;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;

}

#expCenterDetails .news_area .rightbox .box .item h4 a {

    color: #666;

}

#expCenterDetails .course_area .layui-row .item {

    width: 380px;

    height: 320px;

    margin-top: 30px;

    margin-right: 30px;

}

#expCenterDetails .course_area .layui-row .item:nth-child(3n+3) {

    margin-right: 0;

}

#expCenterDetails .course_area .layui-row .item .img {

    width: 100%;

    height: 238px;

}


#expCenterDetails .course_area .layui-row .item h4 a:hover {

    color: #457226;

}

#expCenterDetails .course_area .layui-row .item .info .name {

    width: 70%;

    max-width: 70%;

    text-align: left;

}

#expCenterDetails .teach_area .layui-row .item {

    width: 200px;

    height: 240px;

    float: left;

    margin-top: 20px;

    margin-right: 50px;

}

#expCenterDetails .teach_area .layui-row .item:nth-child(5n+5) {

    margin-right: 0;

}

#expCenterDetails .teach_area .layui-row .item .img {

    width: 100%;

    height: 200px;

    background-color: #ddd;

}

#expCenterDetails .teach_area .layui-row .item h4 {

    font-size: 16px;

    margin-top: 20px;

    text-align: center;

    width: 100%;

    max-width: 100%;;

}

#expCenterDetails .teach_area .layui-row .item h4 a {

    color: #666;

}

#expCenterDetails .teach_area .layui-row .item h4 a:hover {

    color: #457226;

}

#expCenterClassList .center_title > div, #expCenterTeacher .center_title > div, #expCenterNews .center_title > div {

    background-color: unset;

    color: #63065f;

    text-align: left;

    font-size: 30px;

}

#expCenterClassList .center_title, #expCenterTeacher .center_title, #expCenterNews .center_title {

    border-bottom: 2px solid #63065f;

    height: 50px;

}

#expCenterClassList .center_title ul.crumb, #expCenterTeacher .center_title ul.crumb, #expCenterNews .center_title ul.crumb {

    font-size: 14px;

    margin-left: auto;

}


#expCenterClassList .center_title ul.crumb li, #expCenterTeacher .center_title ul.crumb li, #expCenterNews .center_title ul.crumb li {

    height: 50px;

    line-height: 50px;

    color: #666;

}

#expCenterClassList .course_area .layui-row .item {

    width: 380px;

    margin-top: 30px;

    margin-right: 30px;

    height: unset;

}

#expCenterClassList .course_area .layui-row .item:nth-child(3n+3) {

    margin-right: 0;

}


#expCenterClassList .course_area .layui-row .item .img {

    width: 100%;

    height: 214px;

}

#expCenterClassList .course_area .layui-row .item h4 a:hover {

    color: #457226;

}

#expCenterClassList .course_area .layui-row .item .info .name {

    width: 70%;

    max-width: 70%;

    text-align: left;

}

#expCenterTeacher .teacher_area .layui-row .item {

    width: 270px;

    margin-top: 30px;

    margin-right: 40px;

    float: left;

}

#expCenterTeacher .teacher_area .layui-row .item:nth-child(4n+4) {

    margin-right: 0;

}

#expCenterTeacher .teacher_area .layui-row .item .img {

    width: 100%;

    height: 250px;

    /* background-color: #e8e8e8; */

}

#expCenterTeacher .teacher_area .layui-row .item .info {

    padding-top: 15px;

    padding-bottom: 15px;

    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.08);

}

#expCenterTeacher .info .info-main {

    display: flex;

    align-items: baseline;

}

#expCenterTeacher .teacher_area .layui-row .item .info > div {

    text-align: left;

}

#expCenterTeacher .teacher_area .layui-row .item .info > div:first-child {

    padding-left: 25px;

    /* padding-bottom: 15px;

    border-bottom:1px solid #ddd; */

}

#expCenterTeacher .teacher_area .layui-row .item .info h4 {

    font-size: 20px;

    text-align: center;

    margin-bottom: 16px;

    margin-right: 25px;

}

#expCenterTeacher .teacher_area .layui-row .item .info h4 a {

    color: #333;

}

#expCenterTeacher .teacher_area .layui-row .item .info .type {

    font-size: 14px;

    color: #999;

}

#expCenterTeacher .teacher_area .layui-row .item .info .readmore {

    font-size: 14px;

    width: 100px;

    font-size: 14px;

    width: 100px;

    border-radius: 15px;

    border: solid 1px #bfbfbf;

    text-align: center;

    height: 30px;

    line-height: 30px;

    margin-left: 25px;

}

#expCenterTeacher .teacher_area .layui-row .item .info .readmore a, #expCenterTeacher .teacher_area .layui-row .item .info .readmore a em {

    color: #666;

    font-size: 14px;

}

#expCenterTeacher .teacher_area .layui-row .item .info .readmore a:hover, #expCenterTeacher .teacher_area .layui-row .item .info h4 a:hover {

    color: #63065f;

}

.exp_list_area ul:not(.pagination) {
    background-color: #f3f4f6;
    height: 50px;
    line-height: 30px;
    padding: 10px 20px;
}

.exp_list_area ul:not(.pagination) li {
    position: relative;
}

.exp_list_area ul:not(.pagination) li.sort:hover .sort_content {
    display: block;
}

.exp_list_area ul:not(.pagination) li .sort_content {
    background-color: white;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    left: -7px;
    position: absolute;
    width: 135px;
    display: none;
}

.exp_list_area ul:not(.pagination) li .sort_content a {
    display: block;
    font-size: 14px !important;
}

.exp_list_area ul:not(.pagination) li .sort_content em {
    font-size: 14px !important;
}

.empty_news {
    width: 450px;
    height: 300px;
    margin: 0 auto;
} 

#news_list .empty_news img {
    object-fit: contain !important; 
}

.exp_list_area .empty-data {
    width: 450px;
    height: 300px;
    margin: 0 auto;
}

.exp_list_area .empty-data img {
    object-fit: contain !important; 
}

.modal .modal-container {
    background:  url(../img/regist_bk.png) no-repeat center center !important;
}

.box1 .log_choose>span {
    background-color: #6d5c9e !important;
}

.input_box .login input {
    background: #6d5c9e !important;
    border: 1px solid #6d5c9e !important;
}

.news-title-box {
    height: 212px;
}