﻿
 /* 联系QQ号和公众号二维码弹窗 */
.custom_service p img {
    display: inline;
    margin-top: -5px;
    vertical-align: middle;
}

.scrollsidebar {
    position: absolute;
    z-index: 999;
    top: 150px;
}

.side_content {
    width: 154px;
    height: auto;
    overflow: hidden;
    float: left;
}

    .side_content .side_list {
        width: 154px;
        overflow: hidden;
    }

.show_btn {
    width: 0;
    height: 112px;
    overflow: hidden;
    margin-top: 50px;
    float: left;
    cursor: pointer;
}

    .show_btn span {
        display: none;
    }

.close_btn {
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.side_title, .side_bottom, .close_btn, .show_btn {
    background: url(../img/sidebar_bg.png) no-repeat;
}

.side_title {
    height: 46px;
}

.side_bottom {
    height: 8px;
}

.side_center {
    font-family: Verdana, Geneva, sans-serif;
    padding: 5px 12px;
    font-size: 12px;
}

.close_btn {
    float: right;
    display: block;
    width: 21px;
    height: 16px;
    margin: 16px 10px 0 0;
    _margin: 16px 5px 0 0;
}

    .close_btn span {
        display: none;
    }

.side_center .custom_service p {
    text-align: center;
    padding: 6px 0;
    margin: 0;
    vertical-align: middle;
}

.other {
    text-align: center;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 3px 0;
    margin: 2px 0;
}

    .other img {
        width: 120px;
        height: 120px;
    }

    .other p {
        padding: 0;
        line-height: 18px;
        margin: 3px;
        color: #666666;
    }

.msgserver {
    text-align: center;
}

    .msgserver a {
        background: url(../img/sidebar_bg.png) no-repeat -119px -115px;
        padding-left: 22px;
    }

    .msgserver img {
        width: 120px;
        height: 120px;
    }

    .msgserver p {
        padding: 2px 0;
        margin: 0;
        color: #666666;
    }

/* blue skin as the default skin */
.side_title, .side_blue .side_title {
    background-position: -195px 0;
}

.side_center, .side_blue .side_center {
    background: url(../img/blue_line.png) repeat-y center;
}

.side_bottom, .side_blue .side_bottom {
    background-position: -195px -50px;
}

.close_btn, .side_blue .close_btn {
    background-position: -44px 0;
}

    .close_btn:hover, .side_blue .close_btn:hover {
        background-position: -66px 0;
    }

.show_btn, .side_blue .show_btn {
    background-position: -119px 0;
}

.msgserver a, .side_blue .msgserver a {
    color: #06C;
}

/* green skin  */
.side_green .side_title {
    background-position: -349px 0;
}

.side_green .side_center {
    background: url(../images/green_line.png) repeat-y center;
}

.side_green .side_bottom {
    background-position: -349px -50px;
}

.side_green .close_btn {
    background-position: -44px -23px;
}

    .side_green .close_btn:hover {
        background-position: -66px -23px;
    }

.side_green .show_btn {
    background-position: -147px 0;
}

.side_green .msgserver a {
    color: #76a20c;
}


/* 校园风采轮播 */
.head-bottom{
    height: 50px;
    background: url(/themes/simpleboot3/portal/public/img/home_top.jpg) no-repeat left bottom;
    background-size: 100%;
}

.scroll-img {
    width: 100%;
    /* border: 1px solid #ccc; */
    overflow: hidden;
    margin: 20px 0px;
}

.scroll-img ul {
    white-space: nowrap;
}

.scroll-img ul li {
    display: inline-block;
    margin: 5px;
    text-align: center;
    width:200px;
}

.scroll-img ul img {
    vertical-align: top;
    width: 200px;
    height: 100px;
    object-fit: cover;
    flex: 1;
}

.scroll-img .mintit{
    width: 200px;
    text-align: center;
    overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

/* 首页新闻快讯、公告调整 */
#ibox2 {
    float: left;
    height: 440px;
    overflow: hidden;
}
#ibox1 {
    float: right;
    height: 440px;
    overflow: hidden;
}

#ibox1_right {
    float: left;
}
#ad {
    float: right;
}
.ibox1_item_title{
    float: left;
    width: 100%;
    height: auto;
    line-height: 23px;
    overflow: hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}

.aritices-imgbox{
    float: left;
    width: 70%;
    padding-left: 20px;
}

/* 底部修改 */
.link_item{
    padding: 18px 30px;
}
.link_item .link_ul{
    width: 33.3%;
    float: left;
}
.link_item ul li{
    float: none;
}
.mobiles-more{
    display: none;
}
@media screen and (max-width:767px) {
    .link_item{
        padding: 18px 0px;
    }
    .link_item .link_ul{
        width: 100%;
        float: left;
    }
    .link_item ul li{
        float: left;
    }

    /* 移动端导航调整 */
    .navbar-collapse {
        padding-right: 60px;
    }
    .mobile_nav ul{
        white-space:nowrap;
        overflow-y: scroll;
    }
    .mobile_nav li{
        display: inline-block;
        float:none;
        width: auto;
        font-size: 12px;
        border-bottom:none;
    }
    .mobile_nav ul li a{
        font-size: 12px;
    }
    .mobiles-more{
        display: block;
        position: absolute;
        right: 15px;
        width: 20px;
        top: 10px;
    }
    .mobiles-navbox{
        position: fixed;
        top: 0; 
        right: 0;
        bottom: 0;
        left: 0;
        background-color:white;
        z-index: 99999;
        display: none;
        width: 100%;
        height: 100%;
        overflow: scroll;
    }
    .mobiles-navtit{
        height: 30px;
        line-height: 30px;
        margin: 10px;
    }
    
    .mobiles-nav ul{
        padding: 10px;
    }
    .mobiles-nav li{
        float: left;
        width: auto;
        padding: 5px 10px;
        background-color: #ccc;
        color: #000;
        margin: 5px;
    }
}

#navigate ul li{
    width: 10%;
}

#navigate ul .dropdown:nth-child(n+10) {
    display:none;
}
#navigate ul .dropdown:last-child {
    display:block;
}
#navigate ul li ul {
    min-width: 100%;
    width: max-content;
}
#navigate ul li ul li {
    width: max-content;
    min-width: 100%;

}

.articleInfo video {
    max-width: -webkit-fill-available !important;
}
video {
    max-width: -webkit-fill-available !important;
}