* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
}
.center {
    width: 1320px;
    margin: 0 auto;
    /* overflow: hidden; */
    clear: both;
}
.w-top {
    width: 100%;
    background: #0085e4;
    overflow: hidden;
}
.search-text {
    width: 320px;
}
.search-text img {
    width: 100%;
    display: block;
}
.w-logo {
    float: left;
    /*height: 120px;*/
    padding: 30px 0;
}
.w-logo img {
    max-height: 100%;
    object-fit: cover;
    width: auto;
}
.w-search {
    float: right;
    padding: 32px 0 6px;
}
.search-input {
    width: 320px;
    height: 32px;
    border: 1px solid #fff;
    border-radius: 50px;
    margin-bottom: 9px;
    position: relative;
    background: #FFFFFF;
}
.search-input .search-txt {
    width: 280px;
    height: 32px;
    position: absolute;
    top: 0;
    left: 10px;
    border: none;
    outline: none;
    background: rgba(0,0,0,0);
    color:#000;
}
.search-input .search-btn {
    width: 18px;
    height: 15.85px;
    border: none;
    cursor: pointer;
    background: url(../images/search-btn.png) no-repeat center;
    background-size: 100% 100%;
    display: block;
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translatey(-50%);
}
.search-text {
    font-size: 36px;
    font-family: GEETYPE-LiShuGBT-Flash;
    color: #fff;
    text-align: center;
}
.w-navlist {
    width: 100%;
    background: #016ab3 ;
}
.w-nav {
    display: flex ;
    justify-content: space-between;
}
.w-nav li a {
    text-align: center;
    line-height: 60px;
    display: block;
    font-size: 18px;
    color: #fff;
    font-family: Source Han Sans CN;
    font-weight: 400;
    /* padding: 0 20px; */
    width: 120px;
}
.w-nav li:hover {
    background: #0085e4;
}
.w-banner {
    width: 100%;
    height: 550px;
    /*background: url(../images/banner.jpg) no-repeat;*/
    background-size: 100% 100%;
    font-family: PingFang SC;
    position: relative;
}
.w-banner-top-text {
    font-size: 40px;
    color: #fff;
}
.w-nav li {
    position: relative;
}
.w-nav li ul {
    background: #016ab3;
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 12;
    display: none;
}
.w-nav li ul a {
    font-size: 14px;
}
.w-banner-body-text {
    font-size: 72px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 15px;
}
.w-banner-fot-text {
    font-size: 20px;
    color: #fff;
    margin-bottom: 30px;
    opacity: 50%;
}
.w-banner-btn a {
    width: 160px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 18px;
    color: #fff;
    background: #FEA819;
    display: block;
}
.banner-cont {
    position: absolute;
    left: 300px;
    top: 118px;
}
.w-body {
    padding: 61px 0 20px;
}
.school-news-title {
    font-size: 28px;
    color: #0085e4 ;
    font-family: PingFang SC;
}
.school-news-title span {
    font-size: 12px;
    color: #909399;
    margin-left: 15px;
}
.school-swiper {
    overflow: hidden;
}
.news-img {
    width: 400px;
    height: 350px;
}
.news-img img {
    width: 100%;
    height: 350px;
    display: block;
}
.school-news-cont{
    margin-top: 19px;
}
.news-cont {
    background: #0085e4;
    padding: 20px 20px 26px 20px;
}
.w-body {
    overflow: hidden;
    font-family: Microsoft YaHei;
}
.news-cont-title {
    font-size: 18px;
    color: #fff;
    margin-bottom: 10px;
    width: 360px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-cont-time {
    font-size: 16px;
    opacity: 40%;
    color: #fff;
    margin-bottom: 15px;

}
.news-cont-dase {
    width: 360px;
    font-size: 14px;
    opacity: 80%;
    color: #fff;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.w-body-cont-one,.w-body-cont-two  {
    float: left;
}
.more a{
    font-size: 16px;
    color: #303133;
    display: block;
    display: flex;
    justify-content: flex-end;
}
.more a::after {
    content: ">>";
    display: block;
    margin-left: 10px;
}
.more-school-news-title {
    font-size: 17px;
    color: #303133;
    /* position: relative; */
    width: 450px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}
.more-school-news-time {
    font-size: 14px;
    color: #909399;
    margin-top: 10px;
}
.more-school-news-conts {
    margin-top: 26px;
    padding-left: 33px;
}
.more-school-news-conts li:first-child {
    padding-top: 0;
}
.more-school-news-conts li {
    padding-left: 21px;
    border-left: 1px dashed #D5DFE6;
    padding-top: 25px;
}
.more-school-news-conts li a {
    position: relative;
}
.more-school-news-conts li a::before {
    content: "";
    width: 12px;
    height: 12px;
    border: 2px solid #D5DFE6;
    border-radius: 100%;
    display: block;
    position: absolute;
    left: -30px;
    top:4px;
    background: #fff;
}
.more-school-news-conts li:hover .more-school-news-title {
    color: #FEA819;
}
.more-school-news-conts li:hover a::before {
    background: #FEA819;
    border-color: #FEA819;
}
.w-body-cont-three {
    border: 1px solid #D5DFE6;
    float: right;
    padding: 28px 30px 0 ;
    width: calc(100% - 71.5%);
}
.more {
    margin-top: 5px;
}
.announcement {
    float: left;
}
.an-more {
    /* margin-left: 75px; */
    margin-top: 12px;
    float: right;
}
.announcement-title {
    overflow: hidden;
}
.announcement-cont {
    padding-top: 20px;
}
.announcement-cont li {
    border-top: 1px dashed #D5DFE6;
    padding: 15px 0;
    overflow: hidden;
}
.annou-left {
    text-align: center;
    padding-right: 15px;
    border-right: 1px solid #D5DFE6;
    float: left;
}
.left-time-d {
    color: #303133;
    font-size: 24px;
}
.left-time-y-m {
    color: #909399;
    font-size: 16px;
}
.annou-right {
    width: calc(100% - 80px);
    padding-left: 15px;
    font-size: 17px;
    color: #303133;
    float: right;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.w-body-two {
    width: 100%;
    /* height: 323px; */
    background: url(../images/back.png) no-repeat top center;
    background-size: 100% 40%;
    font-family: Microsoft YaHei;
}
.body-cont-center {
    padding-top: 140px;
}
.content-to {
    /* width: 100%; */
    border: 1px solid #D5DFE6;
    background: rgba(255, 255, 255, 90%);
    padding: 28px 33px 21px 30px;
}
.cultivate {
    /* overflow: hidden; */
    margin-top: 26px;
}
.cultivate li {
    /* width: 389.5px; */
    border-top: 1px dashed #D5DFE6;
    padding: 20px 0;
    overflow: hidden;
}
.cul-left {
    color: #0085e4;
    font-size: 16px;
    padding: 25px 0 25px 0 ;
}
.cul-left div {
    width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}
.distance {
    width: calc(100% - 71px) !important;
}
.cul-time {
    font-size: 14px;
    color: #909399;
    margin-top: 10px;
}
.cul-right {
    font-size: 17px;
    color: #303133;
    padding-left: 20px;
    float:left;
    width: calc(100% - 120px);
    /*width:100%;*/
}
.cul-right p {
    width: 300px;
}
.cultivate li:hover .cul-left div,.cultivate li:hover .cul-right p {
    color: #FEA819;
}
.academic {
    margin-top: 26px;
}
.academic li {
    /* width: 389.5px; */
    overflow: hidden;
    border-top: 1px dashed #D5DFE6;
    padding: 20px 0;
}
.aca-cont {
    padding:  0;
}
.aca-cont p {
    width: 390px;
}
.content-to-one,.content-to-two {
    float:left;
}
.content-to-three {
    float: right;
}
.content-to {
    overflow: hidden;
}
.content-to-one,.three-cont-one {
    margin-right: 43px;
}
.party-mass {
    margin-top: 26px;
}
.party-mass li {
    /* width: 389.5px; */
    overflow: hidden;
    border-top: 1px dashed #D5DFE6;
    padding: 20px 0;
}
.party-img {
    width: 120px;
    height: 74px;
    float: left;
}
.party-img img {
    width: 100%;
    object-fit: cover;
}
.party-cont p {
    width: 249px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/* .w-body-two .an-more {
    margin-left: 144px;
} */
.w-body-three {
    margin-top: 80px;
    background: #F5F9FC;
    width: 100%;
    font-family: Microsoft YaHei;
    padding: 60px 0 96px;
    overflow: hidden;
}
.students {
    width: 420px;

}
.stu-title {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.stu-img {
    width: 420px;
    height: 190px;
}
.stu-img img {
    width: 100%;
    object-fit: cover;
}
.stu-title {
    font-size: 17px;
    color: #303133;
}
.stu-dase {
    font-size: 14px;
    color: #909399;
    margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.students li {
    border-bottom: 1px dashed #D5DFE6;
    padding: 20px 0;
}
.students li .stu-img,.stu-dase {
    display: none;
}
.students li:first-child .stu-img ,.students li:first-child .stu-dase {
    display: -webkit-box;
}
.students li:first-child .stu-title {
    margin-top: 10px;

}
.alumni li {
    overflow: hidden;
    border-bottom: 1px dashed #D5DFE6;
    padding: 20px 0;
}
.three-cont-one,.three-cont-two {
    float: left;
}
.three-cont-three {
    float: right;
}
.media {

    margin-top: 20px;
    padding: 15px 0px;
    width: 395px;
}
.media-title {
    font-size: 17px;
    color: #303133;
    width: 395px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top:22px;

}
.media-img {
    width: 395px;
    /* height: 280px; */
}
.media-img img {
    width: 100%;
    height: 280px;
    display: block;
    object-fit: cover;
}
.media-time {
    font-size: 14px;
    color: #909399;
    margin-top: 10px;
}
.media-swiper {
    width: 422px;
    overflow: hidden;
}
.tab {
    width: 100px;
    margin: 13px auto 0;
    display: flex;
    justify-content: space-between;
}
.tab span {
    margin: 0 3px !important;
}
.my-bullet {
    width: 30px;
    height: 3px;
    background: #D5DFE6;
    display: block;
}
.tab .swiper-pagination-bullet-active {
    background: #FEA819 !important;
}
.footer {
    width: 100%;
    background: #2c2c2c;
    padding: 30px 0 26px;
}
.weima {
    overflow: hidden;
}
.weima-img {
    width: 120px;
    float: left;
}
.weima-img img {
    width: 100%;
    object-fit: cover;
}
.copyright ,.contact {
    font-size: 14px;
    color: #fff;
    /*opacity: 50%;*/
    line-height: 28px;
    margin-top: 22px;
}
.weima-img p {
    font-size: 14px;
    color: #fff;
    opacity: 50%;
    text-align: center;
}
.weima-img:nth-child(2) {
    margin-left: 30px;
}
.copyright ,.contact,.weima {
    width: 33.3%;
}
.copyright ,.contact {
    float: left;
}
.arrow {
    display: none;
}
.weima {
    float: right;
    display: flex;
    justify-content: flex-end;
}
.footer {
    overflow: hidden;
    font-family: Microsoft YaHei;
}
.icon {
    display: none;
}
.tablist {
    padding: 30px 0;
    overflow: hidden;
}
.col-menu-head .col-name {
    color: #FFFFFF;
    background: #0085e4;
    display: block;
    line-height: 80px;
    text-align: center;
    font-size: 26px;
}
.tablistleft {
    width: 23.3%;
    float: left;
}
.tabed {
    width: 100%;
}
.pages-tab {
    background: #f1f1f1;
}
.pages-tab li {
    border-left: 5px solid #0085e4;
    border-bottom: 1px solid #ffffff;
}
.pages-tab li a {
    /* margin: 10px 15px 0; */
    font-weight: 100;
    color: #000000;
    display: block;
    height: 59px;
    line-height: 60px;
    font-size: 18px;
    background: #ededed;
    text-align: center;
}
.pages-tab li a:hover {
    background: #ead4a1;
}
.pages-img {
    margin-top: 20px;
}
.pages-img img {
    width: 100%;
}
.tablistright {
    width: 73.33%;
    float: right;
    background: #FFFFFF;
}
.col-news-head {
    margin: 0px;
    border-bottom: 1px solid #0085e4;
    overflow: hidden;
}
.col-title {
    display: inline-block;
    white-space: nowrap;
    height: 59px;
    line-height: 60px;
    float: left;
    font-size: 22px;
    border-bottom: 1px solid #ead4a1;
}
.col-path {
    display: inline-block;
    white-space: nowrap;
    height: 59px;
    line-height: 60px;
    text-align: right;
    float: right;
    color:#909399;
}
.col-path a {
    color: #909399;
}
.dase-title {
    font-family: Microsoft YaHei;
    text-align: center;
    font-size: 24px;
    line-height: 50px;
    font-weight: 400;
}
.arti_metas {
    padding: 10px 0;
    text-align: center;
    font-size: 14px;
    border-bottom: 1px dashed #cccccc;
}
.arti_metas span {
    margin: 0 5px;
    color: #909399;
}
.cont-detail {
    padding-top: 20px;
    padding-bottom: 50px;
}
.cont-detail p {
    line-height: 150%;
    /*font-family: 宋体;*/
    font-size: 17px;
    color:#303133;
}
.cont-detail p:last-child {
    text-align: right;
}
.data-list li {
    display: block;
    overflow: hidden;
    padding: 0 0 0 15px;
    background: url(../images/li_dian.png) left center no-repeat;
    border-bottom: 1px dashed #d2d2d2;
}
.data-list li a {
    float: left;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.data-list li * {
    display: block;
    height: 55px;
    line-height: 55px;
    font-size: 17px;
    color: #303133;
}
.data-list li span {
    float: right;
    width: 20%;
    text-align: right;
    color:#909399;
    font-size: 14px;
}
.list-banner {
    background: none;
    height: auto;
}
.list-banner img {
    width: 100%;
}
.distance p,.aca-cont p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news-cont-title {
    /*width: 100%;*/
}

.page{ width:100%; height:30px; line-height:30px; text-align:center; margin:0 auto;font-size:12px;clear:both; margin:30px 0px 30px;}
.page .p_pages span { padding:5px 8px; border: 1px solid #e4e7ed;}
.page .p_pages span.p_no_d,.page .p_pages span.p_dot {
    background-color: #0085e4;
    color: #ffffff;
}
.page strong{color:#0085e4;font-family: 'Verdana';font-weight: bold;padding:0 2px;}
.pages_min{ margin:30px 0 30px; overflow: hidden; display: none;padding:0 18px;}
.pages_min a.prev_min,.pages_min a.next_min{ display: block; width:100px; height: 30px; float:left; background: #0085e4; border-radius: 3px; color:#fff; line-height: 30px; text-align: center;}
.pages_min a.next_min{ float:right;}

.search-list li {
    display: flex;
    flex-direction: column;
    padding: 10px 0 10px 15px;
    border-bottom: 1px dashed #d2d2d2;
}
.search-list li .news-title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    color: #303133;
    margin-bottom: 10px;
}
.search-list li .news-title a {
    color: #303133;
}
.search-list li .news-title span{
    color: #666;
    font-size:14px;
}
.search-list li .news-title a span{
    color: #dd4b39;
}


.search-list li .news-des {
    font-size: 12px;
    line-height: 22px;
    color: #909399;
    text-indent: 2em
}


@media (max-width:1600px) {
    .center {
        width: 1200px;
        margin: 0 auto;
    }
    .w-nav {
        display: flex;
    }
    .w-nav a {
        width: 100px !important;
    }
    .w-body>.center>div:first-child {
        width: 69%;
    }
    .w-body-cont-two {
        width: calc(100% - 48%);
    }
    .w-body-cont-one {
        width: 48%;
    }
    .news-img {
        width: 100%;
    }
    .news-img img {
        height: 100%;
        object-fit: cover;
        display: block;
    }
    .more-school-news-title {
        width: 100%;
    }
    .more-school-news-conts {
        margin-top: 18px;
    }
    .more-school-news-conts li {
        padding-top: 16px;
    }
    .cul-right p {
        width: 280px;
    }
    .aca-cont p {
        width: 360px;
    }
    .party-cont p {
        width: 220px
    }
    .content-to-one, .three-cont-one {
        margin-right: 25px;
    }
    .students {
        width: 390px;
    }
    .stu-img {
        width: 100%;
        height: auto;
    }
    .media-swiper {
        width: 395px;
    }
    .w-body-cont-three {
        padding: 20px 25px 0;
    }
}
@media (max-width:1300px) {
    .center {
        width: 1100px;
        margin: 0 auto;
    }
    .content-to>div {
        width: 33.33%;
    }
    .content-to-one, .three-cont-one {
        margin: 0;
    }
    .content-to-one,.three-cont-one {
        padding-right: 15px;
    }
    .content-to-two,.three-cont-two {
        padding-right: 15px;
    }
    .cul-right p {
        width: 100%;
    }
    .aca-cont,.media-swiper,.media,.media-img,.media-title {
        width: 100%;
    }
    .w-body-three>.center>div {
        width: 33.33%;
    }
    .students {
        width: 100%;
    }
}
@media (max-width:1180px) {
    .center {
        width: 100%;
        padding: 0 10px;
        overflow: hidden;
    }
    .w-nav a {
        width: 100% !important;
    }
    .content-to>div,.w-body-three>.center>div {
        width: 100%;
    }
    .w-body-three>.center>div {
        float: none;
    }
    .arrow {
        display: block;
    }
    .w-body>.center>div:first-child {
        width: 100%;
    }
    .w-body-cont-one {
        width: 100%;
    }
    .w-body-cont-two {
        width: 100%;
    }
    /* .w-nav li ul {
        display: none !important;
    } */
    .w-nav {
        display: none ;
    }
    .w-nav li ul {
        position: initial;
    }
    .w-logo {
        width: 100%;
        padding:10px 0;
        height: 60px;
    }
    .w-logo img {
        max-height: 94%;
    }
    .w-search {
        display: none;
    }
    .w-top {
        position: relative;
    }
    .w-nav {
        width: 100%;
        z-index: 999;
        position: absolute;
        background: #0085e4;
        display: none;
        left: 0;
    }
    .w-nav li {
        float:initial;
        width: 100%;

    }
    .w-nav li div {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 20px;
    }
    .w-nav li a {
        width: 100%;
        text-align: left;
        line-height: 40px;
    }
    .w-nav li div i {
        width: 15%;
        height: 100%;
        font-size: 20px;
        display: block;
        color: #fff;
        font-weight: bold;
        font-style: normal;
        text-align: center;
        cursor: pointer;
    }
    .w-nav li ul a {
        padding: 0 20px;
    }
    .icon{
        width: 30px;
        height: 30px;
        display: block;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
    }
    .icon i {
        width: 30px;
        height: 30px;
        position: absolute;
    }
    .cha {
        background: url(../images/cha.png) no-repeat;
        background-size: 100% 100%;
        display: none;
    }
    .mb {
        background: url(../images/mb.png) no-repeat;
        background-size:100% 100% ;
        display: block;
    }
    .w-banner {
        background-size: cover !important;
        height: 200px;
    }
    .w-banner-top-text {
        font-size: 20px;
    }
    .w-banner-body-text {
        font-size: 24px;
        margin-bottom: 5px;
    }
    .w-banner-fot-text {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .banner-cont {
        left: 20px;
        top: 23px;
    }
    .w-banner-btn a {
        width: 100px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
    }
    .w-body {
        padding: 15px 0 0;
    }
    .school-news-cont {
        margin-top: 5px;
        /* margin: 5px; */
    }
    .news-img,.news-cont-dase {
        width: 100%;
    }
    .news-img {
        height: auto;
    }
    .news-img img {
        display: block;
    }
    .news-cont {
        padding: 10px;
    }
    .news-cont-title {
        width: 100%;
    }
    .news-cont-title,.news-cont-time {
        margin: 0 0 5px 0;
    }

    .three-cont-one {
        width: 100%;
    }
    .school-news-title {
        /* margin: 0 5px; */
        font-size: 24px;
    }
    .more-school-news-conts {
        margin-top: 10px;
        padding-left: 13px;
    }
    .more-school-news-title {
        width: 100%;
        font-size: 16px;
    }
    .w-body-cont-two {
        /* margin: 0 5px; */
    }
    .w-body-cont-three {
        margin: 20px 0 0;
        padding: 10px 26.5px 0;
        width: 100%;
    }
    .more a,.annou-right,.left-time-y-m,
    .cul-left,
    .cul-right p
     {
        font-size: 16px;
    }
    .cul-time {
        font-size: 14px;
    }
    .cul-right p {
        width: 100%;
    }
    .left-time-d {
        font-size: 16px;
    }
    .annou-right {
        width: calc(100% - 80px);
    }
    .w-body-two {
        background-size: 100% 5%;

    }
    .body-cont-center {
        padding: 20px 0 0;
        /* margin: 0 5px; */
    }
    .content-to {
        padding: 10px;
    }
    .cultivate li {
        padding: 10px 0;
    }
    .w-body-two .an-more {
        margin-left: 75px;
    }
    .cultivate {
        margin-top: 10px;
    }
    .announcement-cont {
        padding-top: 10px;
    }
    .cul-right {
        width: 75%;
    }
    .content-to-one, .content-to-two, .three-cont-one, .three-cont-two {
        margin: 0;
    }
    .cul-time {
        margin-top: 5px;
    }
    .academic,.party-mass,.w-body-three {
        margin-top: 10px;
    }
    .academic li,.party-mass li {
        padding: 10px 0;
    }
    .aca-cont {
        width: 100%;
    }
    .party-cont {
        padding-left: 10px;
        width: calc(100% - 120px);
    }
    .w-body-three {
        padding: 10px 0;
        margin-top: 20px;
    }
    .three-cont-two {
        margin-top: 20px;
        width: 100%;
    }
    .three-cont-three {
        width: 100%;
        overflow: hidden;
        margin-top: 20px;
    }
    .students {
        width: 100%;
        /* margin: 0 5px; */
    }
    .students li,.alumni li {
        padding: 10px 0;
    }
    .content-to-two {
        margin-top: 15px;
        float: none;
    }
    .content-to-one {
        float: none;
    }
    .content-to-three {
        margin-top: 15px;
        float: none;
    }
    .stu-img {
        width: 100%;
        height: auto;
    }
    .stu-title {
        font-size: 14px;
    }
    .stu-dase {
        font-size: 12px;
    }
    .students li:first-child .stu-title {
        margin-top: 5px;
    }
    .alumni {
        margin: 0 5px;
    }
    .media {
        margin-top: 10px;
        padding: 0;
    }
    .copyright, .contact {
        display: none;
    }
    .weima {
        width: 100%;
        justify-content: center;
    }
    .tablistleft {
        display: none;
    }
    .tablistright {
        width: 100%;
    }
    .col-title {
        font-size: 20px;
    }
    .col-path a {
        font-size: 14px;
    }
    .cont-detail {
        padding-top: 20px;
        padding-bottom: 0;
    }
    .media-img img {
        height: 240px;
    }
}