/*重置样式*/
html, body, div, span, iframe, h1, h3, h4, h5, h6, p, blockquote, pre, a, address,
big, cite, code, del, em, font, img, ins, small, strong, var, b, u, center, dl,div,
dt, dd, ol, ul, li, fieldset, form, label, legend{margin: 0;padding: 0;}
body{height:100%;color:#3c3c3c;line-height: 25px;font-family: "microsoft yahei";box-sizing: border-box;}
html{font-size: 14px;}
ul li{ list-style:none;}
a{text-decoration:none; color:#3c3c3c; cursor: pointer; transition: all 0.2s ease;}
.overflow{overflow: hidden;}
.pointer{cursor: pointer;}
.fl{ float:left;}
.fr{ float:right;}
li{list-style:none;}
input{vertical-align:middle;}
img{vertical-align: top;max-width: 100%;}
img{ border:none;}
.empty{width: 100%!important;height: 0!important;display: inline-block;}

.overflow{overflow: hidden;}
.relative{position: relative;}
.absolute{position: absolute;}
.border_box{box-sizing: border-box;}
.none{text-decoration:none!important;}
.blod{font-weight: bold;}
.kaiti{font-family:  KaiTi;}
.yahei{font-family: "microsoft yahei";}
.songti{font-family:SimSun;}


.font12{font-size: 12px!important;}
.font14{font-size: 14px!important;}
.font15{font-size:15px;}
.font16{font-size: 16px!important;}
.font18{font-size: 18px;}
.font20{font-size: 20px;}
.font22{font-size: 22px;}
.font24{font-size: 24px;}
.font26{font-size: 26px!important;}

a[title='学工网4.0版正式上线运行公告'] {
    color: red !important;}
.border-none {
    border: none !important;}

.left {float: left;}
.right{float: right;}
.clear{clear:both;}
.hide{display:none;}
.show{display:block;}
.line-height15{line-height: 15px!important;}
.line-height16{line-height: 16px;}
.line-height18{line-height: 18px;}
.line-height19{line-height: 19px;}
.line-height20{line-height: 20px;}
.line-height25{line-height: 25px;}
.line-height26{line-height: 26px;}
.line-height27{line-height: 27px;}
.line-height30{line-height: 30px;}
.line-height50{line-height:50px;}

.h_100{height: 100% !important;}
.h_110{height: 110px;}
.h_3{height: 300px;}
.w_50{width: 50%;}
.w_65{width:65px;}
.w_80{width:80%;}
.w_94{width: 94%;}
.w_89{width:89px!important;}
.w_95{width: 95%;}
.w_100 {
    width: 100% !important;}
.w_130{width: 130px;}
.w_125{width:125px!important;}
.w_140{width:140px!important;}
.w_150{width:150px!important;}
.w_180{width:180px!important;}
.w_200{width:200px;}
.w_216{width:216px;}
.w_235{width: 235px;}
.w_265{width: 265px;}
.w_270{width: 270px;}
.w_300{width: 300px;}
.w_500 {
    width: 500px;}
.w_550 {
    width: 550px !important;}

.w_600 {
    width: 600px;}
.w_685{width: 685px;}
.w_1190{width:1190px;margin: 0 auto;}
.w_1000{width:1200px;margin: 0 auto;}
.w_1056{width:1056px;margin: 0 auto;}
.mar_l0{margin-left:0!important;}
.mar_l10{margin-left: 10px!important;}
.mar_l05{margin-left: 5px!important;}
.mar_l02{margin-left:2px!important;}
.mar_l15{margin-left: 15px!important;}
.mar_l5{margin-left: 5px!important;}
.mar_l20{margin-left: 20px!important;}
.mar_l25{margin-left: 25px!important;}
.mar_l35{margin-left: 35px!important;}
.mar_l30{margin-left: 30px!important;}
.mar_l45{margin-left: 45px;}
.mar_l85{margin-left: 85px;}
.mar_r0{margin-right:0!important;}
.mar_r10{margin-right: 10px;}
.mar_r20{margin-right: 20px;}
.mar_t5{margin-top:5px;}
.mar_t10{margin-top: 10px;}
.mar_t15{margin-top: 15px;}
.mar_t20{margin-top: 20px!important;}
.mar_t30{margin-top: 30px;}
.mar_t50{margin-top:50px;}
.mar_t100{margin-top:100px!important;}
.mar_t200{margin-top:200px;}
.pad_t05{padding-top: 5px;}
.pad_t15{padding-top: 15px;}
.pad_l30{padding-left: 30px;}
.pad_b0{padding-bottom:0!important;}
.mar_b0{margin-bottom: 0!important;}
.mar_b10{margin-bottom: 10px;}

.color72{color: #727271;}
.color_b2{color: #b2b2b2 !important;}
.color_ca{color: #cacaca;}
.color_r{color: #f91c16!important;}
.color_w{color: #fff;}
.color_89{color:#89D0E2;}
.color_b2e{color:#B2E9C3!important;}
.color_e7c{color:#E7C590!important;}
.color_e18{color:#E187A0!important;}
.color_9a{color:#9A9A9A;}
.color_900{color: #900;}
.color_f7{background-color:#F7F7F7;}
.b_color_89{background-color:#89D0E2;}
.color_df{color:#DF86A0;}
.color_c4{color:#C4C4C4;}
.color_e8{color:#E84C52!important;}
.color_9d{color:#9D9C9C;}
.color_84{color:#848383;}
.color_77{color:#777676;}
.color_ec9a58{color:#ec9c5b;}
.color_4d{color:#4d565a;}
.color_81{color:#818688;}
.color_9e9d9d {color:#9e9d9d !important;}
.text-left{text-align: left!important;}
.text-right{text-align: right;}
.text-center{text-align:center;}
.center{text-align: center!important;}
a:hover{color:#5C2977;}

.ellipsis {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}

/*清除浮动*/
.clearfloat:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
;}

.clearfloat {
    zoom: 1
;}

.container {
    width: 1000px;
    margin: 0 auto;}

/* PC header样式*/
.topbox {
    height: 30px;
    line-height: 30px;
    background: #dcdcdc;}

.top-wrapper {
    width: 1000px;
    margin: 0 auto;
    position: relative;}

.top-wrapper .fl-col a {
    padding: 0 10px;}

.top-wrapper .fr-col {
    padding-right: 30px;}

.top-wrapper .fr-col span {
    display: block;
    float: left;
    padding: 0 10px;
    text-align: center;}

.top-wrapper .fr-col .kslj {
    position: relative;}

.top-wrapper .fr-col .kslj .ksljcon {
    position: absolute;
    left: -25px;
    top: 30px;
    width: 120px;
    padding: 0 5px;
    text-align: center;
    display: none;
    background: #00274c;
    z-index: 40;}

.top-wrapper .fr-col .kslj .ksljcon a {
    display: block;
    color: #fff;
    border-bottom: #003b74 1px solid;}

.top-wrapper .fr-col .kslj:hover .ksljcon {
    display: block;}

.top-wrapper .top-search {
    position: absolute;
    right: 0;
    width: 30px;
    height: 30px;
    background: url(../images/gooog.png) center center no-repeat;
    background-size: 70% 70%;
    cursor: pointer;}

.top-wrapper .top-search .top-serchbor {
    position: absolute;
    top: 30px;
    right: 0;
    width: 150px;
    height: 30px;
    background: #dcdcdc;
    padding: 0 8px;
    display: none;}

.top-wrapper .top-search .top-serchbor input[type='text'] {
    width: 112px;
    font-size: 12px;
    padding: 2px 5px;
    background: #fff;
    border: none;
    outline: none;
    border-radius: 5px;}

.top-wrapper .top-search .top-serchbor input[type='submit'] {
    width: 30px;
    height: 26px;
    background: none;
    position: absolute;
    top: 0;
    right: 5px;
    font-size: 16px;
    color: #025483;
    border: 0;
    cursor: pointer;
    outline: none;}

.header {
    height: 117px;
    box-sizing: border-box;}

.header .logo {
    width: 557px;
    height: 100px;
    background: url(../images/logo2x.png) no-repeat;
    background-size: 100% 100%;}

.header .logo {
    margin-top: 5px;}

/*二维码*/
.header .code {
    height: 80px;
    line-height: 80px;
    box-sizing: border-box;
    margin-top: 16px;}

.header .code .finger {
    color: #5C2977;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    font-weight: bold;}

.header .code .finger::before {
    color: #ffffff;
    display: inline-block;
    content: " ";
    width: 22px;
    height: 18px;
    background: url(../images/finger.png) no-repeat;
    background-size: 100% 100%;
    vertical-align: -5px;
    margin-right: 10px;}

.header .er-code img {
    width: 80px;
    height: 80px;}

/*手机端折叠菜单隐藏*/
.icon-bar {
    display: none;}

.icon-menu {
    display: none;}

/*nav*/
.nav {
    height: 40px;
    background: #5C2977;
    box-sizing: border-box;}

    .nav .nav-box ul li.nav-li {
        float: left; 
        line-height: 38px;
        text-align: center; 
        box-sizing: border-box;
        text-align: center;
        padding: 0px 22px;
        position: relative;}

.nav .nav-box ul li:hover a {
    color: #fff;}

.nav .nav-box ul li.nav-li a {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    width: 100%;
    height: 100%;
    font-weight: normal;}

.nav .nav-box ul li:hover {
    background: #F0F4F8;}

.nav .nav-box ul li:hover a {
    color: #5C2977;}


.nav .nav-box ul li.nav-li .dropDown {
    position: absolute;
    top: 40px;
    left: 0px;
    z-index: 50;
    transition: all 0.5s ease-in-out;
    visibility: hidden;
    opacity: 0;}

.nav .nav-box ul li.nav-li .dropDown a {
    margin-bottom: 1px;
    color: #ffffff;
    background: #B3A3C0;}

.nav .nav-box ul li.nav-li .dropDown a:hover {
    background: #5C2977;
    color: #ffffff;}

.nav .nav-box .nav-li:hover .dropDown {
    visibility: visible;
    opacity: 1;}

/*轮播*/
.iosSliderDemo {
    clear: both;
    width: 1200px;
    padding: 0 0 480px;
    position: relative;
    margin: 0 auto;
}

.fluidHeight {
    position: absolute;
    width: 100%;
    height: 450px;
    overflow: hidden;
    display: inherit;}

.sliderContainer {
    height: 100%;
    height: 450px;
    padding: 0 0;}

.iosSlider {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;}

.iosSlider .slider {
    width: 100%;
    height: 100%;}

.iosSlider .slider .item {
    width: 100%;
    max-width: 1200px;
    height: 100%;
    padding: 0 0 0 0;
    text-align: center;}

.iosSlider .slider .item .inner {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0 auto;
    height: 100%;
    box-shadow: 0 0 10px -5px #000;
    background-position: 50% 0;
    background-repeat: no-repeat;}

.iosSlider .slider .item .inner a {
    display: block;
    max-width: 1200px;
    height: 450px;
    margin: 0 auto;
    background-size:100% 100% !important;}

.iosSlider .slider .item .inner .text1 {
    opacity: 0;
    filter: alpha(opacity=0);
    background: none repeat scroll 0 0 #000000;
    position: absolute;
    bottom: 12%;
    padding: 0 12px 0 12px;
    height: 50px;
    text-align: left;}

.iosSlider .slider .item .inner .text1 span {
    color: #fff;
    font-size: 24px;
    line-height: 50px;
    padding: 0 8px;
    font-family: "Microsoft Yahei";
    display: inline-block;
    width: 100%;
    max-width: 800px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}

.sliderContainer .slideSelectors {
    position: relative;
    bottom: 30px;
    max-width: 1366px;
    margin: 0 auto;
    z-index: 1;
    height: 11px;
    text-align: center;}

.sliderContainer .slideSelectors .prev {
    width: 24px;
    height: 24px;
    position: absolute;
    top: -250px;
    left: 20px;
    background: url(../images/barrow-l.png) no-repeat;
    z-index: 100;}

.sliderContainer .slideSelectors .next {
    width: 24px;
    height: 24px;
    position: absolute;
    top: -250px;
    right: 20px;
    background: url(../images/barrow-r.png) no-repeat;
    z-index: 100;}

.sliderContainer .slideSelectors .item {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #fff;
    margin: 1px 1px 1px 10px;
    filter: alpha(opacity=100);
    border-radius: 10px;}

    .sliderContainer .slideSelectors .selected {
        width: 20px;
        height: 10px;
        margin: 0 0 0 10px;
        background: #5C2977;
        opacity: 1;
        filter: alpha(opacity=100);
        box-shadow: none;}

.leftbg {
    width: 0px;
    height: 0px;
    position: absolute;
    top: 0;
    background: #B3A3C0;
    left: 50%;
    margin-left: -1190px;
    z-index: 99;
    opacity: 0.7;
    filter: alpha(opacity=50);}
.leftbg .prev {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 49%;
    right: 20px;
    background: url(../images/barrow-l.png) no-repeat;
    z-index:100;}

.rightbg {
    width: 0px;
    height: 0px;
    position: absolute;
    top: 0;
    background: #B3A3C0;
    right: 50%;
    margin-right: -1190px;
    z-index: 99;
    opacity: 0.7;
    filter: alpha(opacity=50);}
.rightbg .next {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 49%;
    left: 20px;
    background: url(../images/barrow-r.png) no-repeat;
    z-index:100;}

/*main样式*/
/*公共头部样式*/
.title-name {
    font-size: 18px;
    color: #5C2977;
    font-weight: bold;}

/*更多*/
a.more {
    color: #2a2b2b;
    font-size: 14px;}

/*日期样式*/
.date {
    font-size: 14px;
    color: #5b5a5a;}

.main-box li > a {
    display: inline-block;
    width: 480px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #1d1b1b;
    font-size: 14px;}

.main-box li>a:hover {
    color: #5C2977;}

/*main样式*/
.main-box .notice-box {
    width: 590px;
    min-height: 372px;}

.notice-box .notice-title {
    height: 40px;
    line-height: 40px;
    border-bottom: 2px solid #5C2977;}

/*杨华新闻*/
.main-box .news-box {
    width: 590px;
    overflow:hidden;}
.main-box .news-box.xwdt {
    width: 100%;}
.news-box .news-title {
    height: 40px;
    line-height: 40px;
    border-bottom: 2px solid #5C2977;}
.xg-content {
    height:320px;}
/* 新闻动态图片轮播 */
.banner{
    position: relative;
    overflow: hidden;
    width:100%;
    height:320px;}
.banner .img-list li a img {
    width: 100%;
    height: 320px;
    position: relative;}
.banner .prev, .banner .next {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    display: block;
    width: 24px;
    height: 24px;
    opacity: 0.6;}
.banner .prev {
    left: 10%;
    background: url(../images/barrow-l.png) no-repeat;
    background-size: 100% 100%;}
.banner .next {
    right: 10%;
    background: url(../images/barrow-r.png) no-repeat;
    background-size: 100% 100%;}
.banner .hd {
    position: relative;
    top: -40px;
    height: 30px;}
.banner .hd ul{
    text-align: center;}
.banner .hd ul li{
    font-size: 0;
    display: inline-block;
    height: 14px;
    width: 14px;
    background:rgba(255,255,255,.5);
    border-radius: 50%;
    margin: 0 8px;
    cursor: pointer;}

.banner .hd ul li.on{
    background: #fff;}
.picturebox{
    position: relative;}
.picturebox img {
    width:590px;
    height:320px;}
.picturebox .news_title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    height: 44px;
    padding: 0 10px;
    box-sizing: border-box;
    line-height:44px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;}
/*广告图片样式*/
.ad {
    margin: 15px auto;}

.ad .ad-short,
.ad .ad-short img {
    width: 250px;
    height: 100px;}

    .ad .ad-short {
        margin-right: 20px;}

.ad .ad-long,
.ad .ad-long img {
    width: 390px;
    height: 100px;}

.ad>div {
    opacity: 0.5;}

/*main样式*/
.main-box .public-box {
    width: 590px;}
.down-mobile, .public-mobile{
    display:none;}

.public-box .public-title {
    height: 40px;
    line-height: 40px;
    border-bottom: 2px solid #5C2977;}

.public-box .public-title .title-name {
    color: #C3A0D5;
    cursor: pointer;}

.public-box .public-title .title-name.checked {
    color: #5C2977;}

.public-box .public-content li span {
    font-size: 14px;}

.public-box .public-title .morebox .more {
    display: none;}

.public-box .public-title .morebox .more.checked {
    display: block;}

.public-box .public-content .comlist {
    display: none;}

.public-box .public-content .comlist.checked {
    display: block;}


.public-box .public-content li .start {
    color: #ed5705;}

.public-box .public-content li .end {
    color: #888e91;}

/*学工之家*/
.main-box .xg-box {
    width: 100%;}

.xg-box .xg-title {
    height: 40px;
    line-height: 40px;
    border-bottom: 2px solid #5C2977;}

/*多彩学院*/
.main-box .colorful-college {
    width: 590px;
    min-height: 372px;}

.colorful-college .color-title {
    height: 40px;
    line-height: 40px;
    border-bottom: 2px solid #5C2977;}

/*学生活动*/
.main-box .stu-box {
    width: 590px;}

.stu-box .stu-title {
    height: 40px;
    line-height: 40px;
    border-bottom: 2px solid #5C2977;}

.stu-box .stu-content li {
    float: left;
    width: 275px;
    margin: 0 2px 13px 0;}

.stu-box .stu-content li:nth-child(even) {
    float: right;}

.stu-box .stu-content li:nth-last-child(2),
.stu-box .stu-content li:last-child {
    margin-bottom: 5px;}

.stu-box .date-box {
    width: 42px;
    height: 47px;
    border: 1px solid #333333;
    text-align: center;
    margin-right: 10px;}

.stu-box .date-box .month {
    background: #333333;
    color: #fff;
    height: 24px;
    font-size: 12px;
    line-height: 24px;}

.stu-box .date-box .today {
    font-size: 16px;
    color: #333333;
    line-height: 26px;}

.stu-box .date-box.active {
    border: 1px solid #5C2977;}

.stu-box .date-box.active .month {
    background: #5C2977;}

.stu-box .date-box.active .today {
    color: #5C2977;}

.stu-box .stu-news {
    width: calc(100% - 54px);}

.stu-box .list-items {
    font-size: 14px;
    height: 52px;
    color: #1d1b1b;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}

.stu-box .list-items:hover,
.stu-box .address:hover {
    color: #5C2977;}

.common-ctx .phone-line {
    display: none;}

/*友情链接*/
.frinedLink {
    min-height: 140px;
    box-sizing: border-box;}

.frinedLink .link-title {
    font-size: 18px;
    color: #5C2977;
    border-bottom: 2px solid #5C2977;
    height: 40px;
    line-height: 40px;
    /*padding-left: 10px;*/
    font-weight: bold;}

.frinedLink .link-content {
    padding: 13px;
    font-size:0;}

    .frinedLink .link-content a {
        display: inline-block;
        background: red;
        height: 60px;
        line-height: 60px;
        color: #fff;
        letter-spacing: 2px;
        font-weight: bold;
        margin-right: 10px;
        text-align: center;
        width: 276px;
        font-size: 22px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
        padding:0 5px;
        box-sizing:content-box;}

.frinedLink .link-content a:nth-of-type(4n) {
    margin-right: 0;}
.frinedLink .link-content a:nth-child(4n-3) {
    background: url(../images/first.png) no-repeat; 
    background-size: 100% 100%;}

.frinedLink .link-content a:nth-child(4n-2) {
    background: url(../images/second.png) no-repeat;
    background-size: 100% 100%;}

.frinedLink .link-content a:nth-child(4n-1) {
    background: url(../images/third.png) no-repeat;
    background-size: 100% 100%;}

.frinedLink .link-content a:nth-child(4n) {
    background: url(../images/fourth.png) no-repeat;
    background-size: 100% 100%;}

.footer {
    background: #343A40;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;}

.footer .phonefooter {
    display: none;}

.footer p,
.footer span {
    color: #fff;
    font-size: 12px;}

/*底部箭头*/
.top-scroll {
    position: fixed;
    right: 10px;
    bottom: 100px;
    width: 80px;
    height: 80px;
    background: url(../images/top_2x.png) 0px 0px no-repeat;
    background-size: 100% 100%;
    z-index: 200;
    cursor: pointer;
    display: none;}


/*------------------------二级页面----------------------------*/
.second-main {
    margin: 0;
    min-height: 720px;}

.second-container {
    overflow: hidden;
    width: 1000px;
    margin: auto;}

.peak-title {
    height: 35px;
    margin-top: 30px;
    line-height: 30px;
    border-bottom: 1px solid #5C2977;}

.peak-text {
    color: #000;
    font-size: 20px;
    vertical-align: top;
    margin-right: 6px;
    margin-left: 6px;
    font-weight: bold;}

.peak-title .bar {
    display: inline-block;
    width: 6px;
    height: 30px;
    background: url(../images/bar.png) no-repeat;}

.peak-title .jarr {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-bottom: 6px;
    background: url(../images/jarrow.png) no-repeat;}

.tank {
    /*min-height:960px;*/
    box-sizing: border-box;}

.tank .left-side {
    float: left;
    width: 180px;
    margin-top: 14px;
    min-height: 595px;}

.tank .left-side .block-menulist {
    width: 180px;}

.tank .left-side .block-menulist li {
    width: 180px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin-bottom: 14px;}

.tank .left-side .block-menulist li a {
    width: 180px;
    height: 50px;
    font-size: 16px;
    display: block;
    color: white;
    transition: all 0.2s ease;
    background: #a8a6a7;}

.tank .left-side .block-menulist li a:hover {
    background: #5C2977;}

.tank .right-side {
    float: right;
    width: 800px;
    padding: 0 14px 10px;
    min-height: 780px;
    position: relative;
    box-sizing: border-box;}

.tank .right-side .block-ctxlist h4 a {
    color: #000;}

.tank .right-side .block-ctxlist {
    width: 772px;
    margin-bottom: 40px;}

.tank .right-side .block-ctxlist li {
    height: 70px;
    border-bottom: 1px dashed #c2c2c2;}

.tank .right-side .block-ctxlist .ctxlist-time,
.tank .right-side .block-ctxlist .ctxlist-view {
    color: #c2c2c2;
    font-size: 12px;}

.tank .right-side .block-ctxlist h4 {
    margin-top: 14px;
    font-size: 18px;
    margin-bottom: 18px;}

.tank .right-side .block-ctxlist p {
    height: 20px;
    line-height: 20px;}

.block-ctxlist .ctxlist-time,
.block-ctxlist .ctxlist-view {
    margin-right: 26px;}

.block-ctxlist .ctxlist-time::before {
    content: "";
    width: 14px;
    height: 15px;
    vertical-align: -2px;
    margin-right: 10px;
    display: inline-block;
    background: url(../images/timeing.png) no-repeat;}

.block-ctxlist .ctxlist-view::before {
    content: "";
    width: 17px;
    height: 10px;
    margin-right: 10px;
    display: inline-block;
    background: url(../images/eyes.png) no-repeat;}

/*-----------------分页器样式----------------------*/
.page-box {
    height: 30px;
    margin: 20px;}

.page-box .totally-pages {
    width: 160px;
    height: 30px;
    margin-left: 126px;
    float: left;}

.page-box p {
    line-height: 30px !important;
    font-size: 16px;
    text-indent: 0 !important;}

.text-num {
    color: #5C2977 !important;
    display: inline-block !important;
    margin-right: 0 !important;
    padding: 0 4px !important;}

.pagecell {
    overflow: hidden;
    float: left;
    margin-left: 20px;}

.pagecell .active {
    background-color: #5C2977;
    color: white;}

.pagecell .active a {
    color: white !important;}

.pagecell li {
    text-align: center;
    float: left;
    line-height: 28px;
    margin-right: 8px;}

.pagecell img {
    vertical-align: middle;}

.pagecell li a {
    display: inline-block;
    width: 28px;
    height: 28px;
    color: #7d7d7d;
    font-size: 16px;
    border: 1px solid #d4cfcb;}

.pagecell .no-hover {
    line-height: 26px;}

.pagecell li:not(.no-hover):hover {
    border-color: #5C2977;
    background-color: #5C2977;}

.pagecell li:hover a {
    color: white;}

/*--------------------- 详情页面 ---------------------------- */
.tank .right-content-side {
    float: right;
    width: 800px;
    padding: 14px;
    min-height: 700px;
    box-sizing: border-box;
    position: relative;}

.tank .right-content-side table {
    border-collapse: collapse;}

.detail-content-title {
    text-align: center;
    border-bottom: 1px dashed #fd9f86;}

.downloadlist-box {
    border-bottom: 1px dashed #fd9f86;}

.detail-content-title h3 {
    font-size: 16px;
    margin-bottom: 10px;}

.downloadlist-box .pdf-down span {
    font-size: 14px;
    color: #9c9b9b;}

.detail-content-title span {
    display: inline-block;
    margin-right: 20px;
    font-size: 14px;
    color: #9c9b9b;}

.turn-page {
    margin-top: 18px;
    height: 100%;
    text-align: left;}

.turn-page p {
    color: #9e9d9d;
    margin-bottom: 6px
;}

.paper {
    color: #9e9d9d;}

.turn-page a:hover {
    color: #5C2977;
    text-decoration: underline;}

/*--------------------- 机构页面 ---------------------------- */
.new-foot {
    margin: 0;}

.institution-main {
    background: #f7f7f7;}

.personnel {
    float: right;
    font-size: 14px;}

.institution {
    padding: 10px 0 10px 0px;
    background: #fff;}

.director {
    min-height: 175px;
    background: #fff;
    box-sizing: border-box;
    padding: 5px 30px;}

.pic-box {
    width: 104px;
    height: 146px;
    float: left;}

.pic-box img {
    width: 104px;
    height: 146px;}

.director .director-resume {
    float: left;
    width: 831px;
    box-sizing: border-box;
    height: 175px;
    padding: 0 0 0 20px;}

.director-resume p {
    font-size: 14px;}

.people-name {
    color: #5C2977;
    font-weight: bold;}

.director-resume .part-line {
    height: 24px;
    line-height: 24px;
    margin: 4px 0 6px 0;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}

.director-resume .part-line span {
    font-size: 14px;
    margin-right: 20px;}

.call::before {
    content: "";
    width: 14px;
    height: 12px;
    margin-right: 14px;
    display: inline-block;
    background: url(../images/telephone.png) no-repeat;}

.mailbox::before {
    content: "";
    width: 14px;
    height: 11px;
    margin-right: 14px;
    display: inline-block;
    background: url(../images/evelepo.png) no-repeat;}

.location::before {
    content: "";
    width: 12px;
    height: 12px;
    margin-right: 14px;
    display: inline-block;
    background: url(../images/location.png) no-repeat;
    background-size: 100% 100%;}

.director-intro h6 {
    font-size: 14px;
    font-weight: normal;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;}

.director-intro .suitcase::before {
    content: "";
    width: 12px;
    height: 12px;
    margin-right: 14px;
    display: inline-block;
    background: url(../images/suitcase.png) no-repeat;}

.director-intro p {
    font-size: 12px;
    word-break: break-all;
    margin-top: 10px;
    padding-left: 28px;}

.teacher-box {
    width: 1000px;
    overflow: hidden;}

.teacher-list {
    width: 1000px;
    overflow: hidden;}

.teacher-list li {
    width: 495px;
    min-height: 146px;
    box-sizing: border-box;
    padding: 5px 0px 5px 30px;
    background: #fff;}

.teacher-list li:nth-child(odd) {
    float: left;}

.teacher-list li:nth-child(even) {
    float: right;}

.teacher-resume {
    width: 351px;
    height: 175px;
    overflow: auto;
    float: left;
    box-sizing: border-box;
    padding: 0 0 0 20px;}

.colleage-info {
    box-sizing: border-box;
    padding: 12px 10px;
    background: #fff;}

.colleage-info h4 {
    font-weight: normal;
    font-size: 18px;
    margin-bottom: 6px;
    color: #5C2977;}

.colleage-info p {
    word-break: break-all;
    padding: 0px 12px;}

/*--------------------- 搜索页面 ---------------------------- */
.search-can {}

.middle-box {
    width: 1190px;
    margin: auto;
    min-height: 700px;}

.search-top {
    height: 70px;
    box-sizing: border-box;
    padding: 16px 30px 10px 20px;}

.search-top input[type="text"] {
    height: 32px;
    padding: 0 6px 0;
    font-size: 16px;
    width: 700px;
    outline: none;
    margin-right: 24px;
    border: 1px solid gray;
    vertical-align: top;}

.search-top input[type="submit"] {
    height: 34px;
    width: 100px;
    font-size: 16px;
    padding: 0;
    background: #5C2977;
    color: #fff;
    border: none;
    cursor: pointer;
    vertical-align: top;}

.search-bottom {
    box-sizing: border-box;
    padding: 20px 10px 10px;
    position: relative;}

.search-bottom .result-list {
    width: 100%;
    margin-bottom: 10px;}

.search-bottom .result-list li {
    width: 1170px;
    height: 130px;
    margin-bottom: 10px;}

.search-bottom .result-list li .c-title {
    margin-bottom: 0px;}

.search-bottom .result-list li .c-title h3 {
    font-weight: normal;}

.search-bottom .result-list li .c-title a {
    font-size: 20px;
    color: #5C2977;
    text-decoration: underline;}

.search-bottom .result-list li .c-title a:hover {
    color: none;}

.search-bottom .result-list li .c-content {
    font-size: 14px;
    word-break: break-all;
    margin-bottom: 6px;}

.search-bottom .result-list li .c-summary span {
    font-size: 14px;
    color: #666;
    margin-right: 30px;}

.search-pagebox {
    left: 50%;
    position: absolute;
    width: 600px;
    text-align: center;
    margin-left: -300px;}

.search-pagebox span {
    margin-right: 16px;
    font-size: 16px;}

.search-pagebox span a:hover {
    color: #5C2977;}

/*--------------------- 活动详情页面 ---------------------------- */
.right-content-side .action table {
    width: 100%;
    border-collapse: collapse;
    border-color: #bdc9d3;}

.right-content-side .action table tr {
    border: 1px solid black;}

.right-content-side .action table tr td {
    padding: 6px 6px;
    border: 1px solid #bdc9d3;
    word-break: break-all;}

.right-content-side .action .title-add {
    height: 30px;
    line-height: 30px;}

.right-content-side .action .title-add i {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background-size: 100% 100%;}

.right-content-side .action .action-bottom {
    margin-top: 16px;}

.right-content-side .action .action-bottom .active-box thead {
    text-align: center;
    background: #f5f5f7;}

.right-content-side .action .action-bottom .active-box tbody {
    text-align: center;}

.right-content-side .action .action-bottom .active-box tbody .codebox {
    position: relative;}

.right-content-side .action .action-bottom .active-box tbody .codebox p {
    color: red;
    text-decoration: underline;
    cursor: pointer;}

/*--------------------- 账号验证页面 ---------------------------- */
/*激活说明页面*/
.content {
    min-height: 694px;}

.explain {
    width: 1190px;
    margin: 16px auto 10px;}

.explain h3 {
    text-align: center;
    font-size: 24px;}

.explain h4 {
    font-size: 16px;}

.explain p {
    font-size: 14px;}

.btn-container {
    margin-top: 16px;
    text-align: center;}

.btn-container button {
    width: 120px;
    height: 40px;
    border: none;
    border-radius: 4px;
    color: #fff;
    background: #1ab395;
    cursor: pointer;}

/*账号页面*/
.register-submit {
    width: 120px;
    height: 30px;
    border: none;
    padding: 0;
    border-radius: 4px;
    color: #ffffff;
    background: #1ab395;}

.acc-text {
    font-size: 14px;}

.activete-first input[type="text"],
.activete-first input[type="password"] {
    width: 190px;}

/*信息确认页面*/
.confirm-box {
    width: 1190px;
    margin: 16px auto 10px;}

.confirm-box .confirm {
    width: 260px;
    height: 300px;
    margin: auto;}

.confirm-box .confirm h3 {
    margin-bottom: 16px;
    font-size: 16px;}

.confirm-box .confirm .infomation {
    line-height: 35px;}

.confirm-box .confirm .infomation p {
    font-size: 14px;}

.confirm-box .confirm .infomation .confirm-btn button {
    width: 100px;
    height: 32px;
    line-height: 32px;
    border: none;
    border-radius: 4px;
    color: #fff;}

.confirm-box .confirm .infomation .confirm-btn .confirm-btn-l {
    background: #df5d7e;}

.confirm-box .confirm .infomation .confirm-btn .confirm-btn-r {
    background: #1ab395;}

/*个人信息填写说明*/
.content .third {
    width: 1190px;
    margin: 16px auto 10px;}

.content .third h3 {
    font-size: 16px;
    line-height: 35px;}

.content .third p {
    font-size: 14px;}

.content .third .warning {
    margin-top: 10px;}

.content .third .third-btn {
    margin-top: 16px;}

.content .third .third-btn button {
    width: 120px;
    height: 32px;
    line-height: 32px;
    border: none;
    border-radius: 4px;
    color: #fff;
    background: #1ab395;}

/*信息填写页面*/
.info-detail {
    width: 1190px;
    margin: 16px auto 10px;}

.info-detail .write-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    border: 1px solid #ccc;}

.info-detail .write-table tr {
    border: 1px solid #ccc;}

.info-detail .write-table td {
    border: 1px solid #ccc;
    padding: 6px 6px;}

.info-detail .write-table input[type="text"] {
    padding: 0;
    height: 17px;}

.info-detail .write-table select {
    vertical-align: bottom;
    height: 21px;}

.btn-container input[type="reset"],
.btn-container input[type="submit"] {
    width: 120px;
    height: 36px;
    padding: 0;
    border: none;
    color: #ffffff;
    border-radius: 4px;
    cursor: pointer;}

.btn-container input[type="reset"] {
    background: #df5d7e;}

.btn-container input[type="submit"] {
    background: #1ab395;}

.validate-error {
    color: red;}

.dya {
    width: 169px;}

/*左侧下拉样式*/
.sel-drop {
    display: block;
    width: 88px;
    height: 32px;
    background: #5C2977;
    color: #fff;
    border-color: #5C2977;
    font-size: 16px;
    text-align: center;
    padding-left: 8px;}

.line-box {
    width: 158px;}

.circle {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #989798;}

#sidenav li {
    list-style: none;
    list-style: none;
    font-size: 14px;
    height: 34px;
    position: relative;
    margin-top: 35px;
    left: 25%;}

#sidenav li:last-child {
    margin-bottom: 30px;}

#sidenav i {
    position: absolute;
    background: #989798;
    width: 7px;
    height: 7px;
    display: inline-block;
    border-radius: 50%;
    float: left;
    margin-top: 4px;
    left: 1px;
    transform: translate(-50%);
    top: 10px;
    cursor: pointer;}

#sidenav i:hover,
#sidenav i.active {
    background: #5C2977;}

#sidenav li:hover .circe-dot {
    background: #5C2977;}

#sidenav li:hover .circle-text {
    background: url(../images/dio-red.png) no-repeat;}

#sidenav span {
    position: absolute;
    left: 70px;
    transform: translate(-50%);
    display: inline-block;
    width: 100px;
    height: 32px;
    line-height: 32px;
    top: 0px;
    color: #fff;
    text-align: center;
    background: url(../images/dioa.png) no-repeat;
    cursor: pointer;}

#sidenav span.active,
#sidenav span:hover {
    background: url(../images/dio-red.png) no-repeat;}

.branch {
    position: absolute;
    z-index: 0;
    border-right: 1px solid #989798;
    width: 3px;
    min-height: 980px;
    left: 25%;
    top: 32px;
    transform: translate(-50%);}

/*------------------视频列表页面-----------------------*/
.tank .right-vcan {
    float: right;
    width: 100%;
    min-height: 750px;
    box-sizing: border-box;} 

.tank .right-vcan .video-list {
    width: 100%;
    overflow: hidden;}

    .tank .right-vcan .video-list li {
        float: left;
        text-align: center;
        margin: 0 24px 7px 24px;
        max-width:100%;}

.tank .right-vcan .video-list li:nth-child(3n) {
    margin-right: 0;}

.tank .right-vcan .video-list li .video-box img {
    display: block;
    max-width: 100%;
    height: 310px;
    width: 243px;
    transition: all .25s ease-in-out;}

.tank .right-vcan .video-list li .des-line {
    box-sizing: border-box;
    padding: 10px 0px;}

.tank .right-vcan .video-list li .des-line div {
    font-size: 14px;
    margin-bottom: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;}

.tank .right-vcan .video-list li .des-line p {
    font-size: 14px;
    color: #999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.tank .right-vcan .video-list li .video-box.YXSJ img{
    width:100%;
    height:100%;}
/*------------------视频播放页面-----------------------*/
.video-wrapper {
    width: 1000px;
    margin: auto;
    height: 600px;}

.videoplay-can {
    width: 900px;
    height: 600px;
    margin: auto;}

.videoplay-can .detail-content-title {
    height: 90px;
    padding-top: 20px;}

.videoplay-can .playbox {
    width: 900px;
    height: 470px;
    padding-top: 20px;}

/*------------------资料下载页面-----------------------*/
.downcontainer .right-side {
    padding: 0px;
    margin-top: 14px;}

.downlist-table {
    width: 100%;
    margin-bottom: 40px;
    border-collapse: collapse;}

.downlist-table a {
    color: #000;
    display: inline-block;
    width: 380px;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}

.downlist-table a:hover {
    color: #5C2977;}

.downlist-table tr td {
    padding: 4px;
    border: 1px solid #ccc;}

.downlist-table .grbg {
    background: #ebebeb;}

.downlist-table .news-title a {
    width: 660px;}

/*------------------处长信箱页面-----------------------*/
/*信箱首页*/
.email-box .search-box {
    padding: 10px 0;}

.email-box .search-box label {
    font-size: 14px;}

.email-box .search-box select {
    vertical-align: middle;
    padding: 0 6px;
    height: 30px;
    line-height: 30px;}

.email-box .search-box input[type='text'] {
    vertical-align: middle;
    height: 26px;
    line-height: 26px;
    border: 1px solid rgb(169, 169, 169);}

.email-box .search-box input[type='submit'] {
    vertical-align: middle;
    width: 90px;
    height: 30px;
    line-height: 30px;
    border: none;
    color: #fff;
    background: #2875ce;
    border-radius: 4px;}

.email-box .search-box .btn {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border-radius: 4px;
    width: 90px;
    line-height: 30px;
    height: 30px;
    border: none;
    color: #fff;}

.email-box .search-box .btn-warming {
    background: #0ae;}

.email-box .search-box .btn-pink {
    background: #DD5B7E;}

.email-box .search-box .btn-orange {
    background: #EEAD0E;}



.list-box .item {
    margin-bottom: 20px;}

.list-box .item .typename {
    display: inline-block;
    border: 1px solid #dd5b7e;
    border-radius: 6px;
    padding: 0 4px;
    color: #dd5b7e;}

.list-box .item .item-title {
    font-weight: 600;
    position: relative;}

.list-box .item .date {
    position: absolute;
    right: 0;
    top: 0;
    font-weight: normal;}

.list-box .item .desc {
    border-bottom: 1px dashed #ccc;
    padding: 0 0 10px 0;}

.list-box .item .rdesc {
    border-bottom: 1px solid #ccc;
    padding: 0 0 10px 0;}

.list-box .item .reply {
    margin-top: 10px;}

/*信箱添加页*/
#officeMailAdd p {
    font-size: 14px;}

#officeMailAdd #form1 {
    margin-top: 10px;}

#officeMailAdd #form1 table {
    width: 80%;}

#officeMailAdd #form1 table tr td {
    padding: 4px 0;}

#officeMailAdd #form1 table #content {
    width: 563px;
    height: 150px;
    resize: none;}

#officeMailAdd #form1 table #submitBtn {
    width: 100px;
    height: 30px;
    background: #1ab395;
    color: #fff;
    border: none;
    border-radius: 4px;}

/*------------------公示-----------------------*/
.publicitytable {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    border: 1px solid #ccc;}

.publicitytable thead {
    text-align: center;
    background: #f5f5f7;}

.publicitytable tr {
    border: 1px solid #ccc;}

.publicitytable td {
    border: 1px solid #ccc;
    padding: 6px 6px;}

.detail-content-title .explain {
    padding: 20px 0px;
    width: inherit;
    margin: 0px;
    text-align: left;
    white-space: pre-wrap;}