.content-box a:hover{color:#c0130d;}

.index-box .swiper-container {width: 742px; height: 418px; margin-left: auto; margin-right: auto; background:#be0a0b;}

.index-box .pagination {position: absolute; z-index: 20; right: 10px; top: 10px;  }
.index-box .swiper-pagination-switch {display: block; width: 12px; height: 12px; border-radius: 50%; background: #fff; margin: 0 0px 5px; opacity: 1; cursor: pointer;  }
.index-box .swiper-active-switch {background: #c0130d;}
/*
.index-box .swiper-slide-active{animation:show 500ms;}
@keyframes show{
    0% {opacity:0}
    100% {opacity:1}
}*/


.index-box .row-1{width:100%; padding-top:10px;}
.index-box .row-1 .column-1{width:741px; height:418px; float:left; background:white; overflow:hidden;}
.index-box .row-1 .column-2{width:435px; height:418px; float:right; background:white; padding:10px 16px;}

.index-box .left{float:left; width:294px;}
.index-box .right{float:right; width:882px;}
.index-box .right .c1,.index-box .right .c2{width:435px; height:300px; overflow:hidden; float:left; background:white; padding:10px 16px;}
.index-box .right .c2{float:right;}

.index-box .news-box{padding:10px 16px; background:#fff;}
.index-box .news-box li{width:100%; line-height:29px;}
.index-box .news-box li a{width:83%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; float:left;}
.index-box .news-box li p{width:16%; float:right; text-align:right;}

.index-box .row-2{width:100%; margin-top:10px; height:214px; overflow:hidden;}
.index-box .row-2 .left{background:#fff;}
.index-box .row-2 .left .qrcode{padding:10px;}
.index-box .row-2 .left .qrcode img{width:274px; height:194px;}
.index-box .row-3{width:100%;  margin-top:10px;}
.index-box .row-3 img{width:100%; display:block;}
.index-box .row-3 img.not-first{margin-top:2px;}
.index-box .row-4{padding-top:0;}
.index-box .row-4 .right .news-box{margin-top:10px;}
.index-box .row-4 .left{width:294px; margin-top:10px; }

.index-box .row-4 .left img{width:100%; display:block;}
.index-box .row-4 .left .icon-box{background:#fff; margin-bottom:10px; padding:10px;}
.index-box .row-4 .left .online img{width:100%; padding-bottom:10px;}
.index-box .row-4 .left .online .last img{padding-bottom:5px;}
.index-box .row-4 .left .special,.index-box .row-4 .left .oa{margin-top:10px;}
.index-box .row-4 .left .special img,.index-box .row-4 .left .oa img{width:100%; height:150px;}

.index-box .subject{border-bottom:1px solid #ccc; margin-bottom:10px;}
.index-box .subject .title{color:#c0130d; line-height:40px; font-size:18px; float:left;}
.index-box .subject .more{float:right; line-height:40px;}
.index-box .subject .more a:hover{color:#c0130d;}

.index-box .professor{width:100%; background:#fff;}
.index-box .professor .scroll_left{width:100%; height:154px; overflow:hidden; white-space:nowrap;}
.index-box .professor .list{white-space:nowrap; display:inline-block;}
.index-box .professor ul li{display:inline-block; border:1px  solid #eee; margin-right:10px; width:120px; height:150px; overflow:hidden;}
.index-box .professor ul li a{width:100%;}
.index-box .professor ul li img{width:120px; height:150px; object-fit:cover; border:0;}
.index-site-link{width:100%;  min-width:1188px; background:#fff; margin-top:10px; padding:20px 0;}
.dropdownlist{position:relative; float:left; margin-right:182px;}
.dropdownlist:last-child{margin-right:0;}
.dropdownlist.last{margin-right:0;display:none}
.dropdownlist .name{border:1px solid #ccc; width:160px; text-align:center; display:inline-block; padding:5px 10px; border-radius:2px;}
.dropdownlist .item{
    position: absolute;
    bottom: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.dropdownlist .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.dropdownlist .item.scroll{max-height:400px; overflow-y:scroll;}
.dropdownlist .item a{padding:0 10px; line-height:26px; display:block;}
.dropdownlist .item a:hover{background:#ccc;}
.dropdownlist .item::-webkit-scrollbar {width: 6px; height: 1px;}
.dropdownlist .item::-webkit-scrollbar-thumb {border-radius: 6px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2); background: #999;}
.dropdownlist .item::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 6px; background: #eee;}

.index-box .swiper-slide .item{width:100%; height:100%; position:relative; display:flex;}
.index-box .swiper-slide .item .thumbs{width:100%; height:100%; object-fit:cover;}
.index-box .swiper-slide .item .title{position:absolute; left:0; bottom:0; height:50px;
     line-height:50px; padding:0 10px; width:100%; text-align:left; /*background:rgba(0,0,0,.4);*/ background:url('/images/bg_black.png');
      color:#fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/*news-box*/
.news-page{ margin-bottom:20px;}
.news-page .crumbs{padding:10px 0;}
.news-page .left{background:#fff; width:870px; padding:10px 30px;}
.news-page .content{min-height:200px;}
.news-page .content .list .title{float:left; display:block; width:80%; line-height:30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news-page .content .list .date{float:left; text-align:right; padding-left:20px; width:19%; line-height:30px; color:#999;}
.news-page .content .list .item{padding:6px 0;}
.news-page .content .list-2 .item{float:left; width:200px; height:200px;}
.news-page .content .list-2 .title{display:block; text-align:center; line-height:30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news-page .content .list-2 .thumbs{text-align:center; padding: 0 20px; box-sizing: border-box;}
.news-page .content .list-2 .thumbs img{border:1px solid #eee; width:120px; height:150px; object-fit:cover;}
.news-page .content .list-img-25 .item{height:240px;}
.news-page .content .list-img-25 .thumbs img{width:180px; height:180px;}
.news-page .content .list-2 .item{padding:6px 0;}
.news-page .content .no-data{color:#999; padding-top:100px;}
.news-page .right{ width:294px; }
.news-page .right .list{padding:10px; border-top:3px solid #c0130d; background:#fff; margin-bottom:20px;}
.news-page .right .list .subject{text-align:left; font-size:18px; padding:10px; border-bottom:1px solid #ccc;}
.news-page .right .list .item{margin:10px; padding:6px; border-left:2px solid transparent;}
.news-page .right .list .item.on{border-left-color:#c0130d; }
.news-page .right .list .item.on a{color:#c0130d;}

/*search*/
.search-page .left{width:100%;}
.search-page .right{display:none;}

/*news-box*/
.news-view-page{ margin-bottom:20px;}
.news-view-page .crumbs{padding:10px 0;}
.news-view-page .left{background:#fff; width:870px; padding:20px 30px;}
.news-view-page .content .title{text-align:center; line-height:40px; font-weight:bold; font-size:20px;}
.news-view-page .content .date{text-align:center; line-height:30px; color:#999;}
.news-view-page .content .context{line-height:30px; border-top:1px solid #eee; margin-top:20px; padding-top:20px;}
.news-view-page .right{ width:294px; }
.news-view-page .right .list{padding:10px; border-top:3px solid #c0130d; background:#fff; margin-bottom:20px;}
.news-view-page .right .list .subject{text-align:left; font-size:18px; padding:10px; border-bottom:1px solid #ccc;}
.news-view-page .right .list .item{width:100%; line-height:40px; height:40px; padding-right:6px; border-left:2px solid transparent; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.news-view-page .right .list li{list-style:square;}


/*special-box*/
.special-page{ margin-bottom:20px;}
.special-page .crumbs{padding:10px 0;}
.special-page .left{background:#fff; width:100%; padding:10px 30px;}
.special-page .content{min-height:200px;}
.special-page .content .title{display:block; position:relative; padding-left:10px; font-size:16px; line-height:30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.special-page .content .title:before{content:''; display:inline-block; border:2px solid #777; position:absolute; top:14px; left:0;}
.special-page .content .context{line-height:20px; color:#999;}
.special-page .content .list .item{border-bottom:1px #eee dashed; padding:20px 0;}
.special-page .content .no-data{color:#999; padding-top:100px;}

/*special-list-box*/
.special-list-page{ margin-bottom:20px;}
.special-list-page .crumbs{padding:10px 0;}
.special-list-page .left{background:#fff; width:72%; padding:10px 30px;}
.special-list-page .content{min-height:200px;}
.special-list-page .content .title{float:left; display:block; width:80%; line-height:30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.special-list-page .content .date{float:left; text-align:right; padding-left:20px; width:19%; line-height:30px; color:#999;}
.special-list-page .content .list .item{padding:6px 0;}
.special-list-page .content .no-data{color:#999; padding-top:100px;}
.special-list-page .right{ min-height:200px; width:25%; background:#fff; padding:20px; box-sizing:border-box; }
.special-list-page .right .title{font-weight:bold; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px;}