@import url(../css/common.css);
.slick-dots:before{ display: none}
@media (min-width: 1025px){
.subject_nav{ height: 60px;}
.subject_nav ul{ transform:translateY(-8px); padding-bottom: 8px; background: url("../images/nav_bg.jpg") repeat-x left bottom}
}

.bottom{ background:#2b7bd5 url(../images/college_bottombg.jpg) no-repeat center bottom}
.bottom,
.bottom a{ color: #fff}
.bottom .infobox{ padding-top: 2%; padding-bottom: 1%;}
.bottom .fl{ float: left; width: 60%;}
.bottom .fr{ float: right; width: 40%; max-width: 350px}
.bottom .txt li{ padding-left: 82px; position: relative; line-height: 32px;}
.bottom .txt li b{ position: absolute; font-weight: normal; left: 0;}
.bottom .txt li span{ display: block; font-size: 14px;}
.bottom .logo{width:330px; padding-right: 10px;}
.bottom .subject{ padding-left: 15px; position: relative;font-size: 30px; }
.bottom .subject:before{ content: ''; position:absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 1px; height:35%; background: #fff; opacity: 0.4}

.bottom .footer{padding:25px 0; line-height:30px; font-size: 14px; border-top: solid 1px rgba(255,255,255,0.2)}
.bottom .caidan{ float: left}
.bottom .caidan span{ display: inline-block; padding-right:10px; position: relative}
.bottom .caidan span:after{ content: ''; position: absolute;right:-5px; bottom:30%; height:40%; width: 1px; opacity: 0.3; background: #fff}
.bottom .copyright{ float: right}
@media(max-width:1200px){
.bottom .subject{ font-size: 26px;}
}
@media(max-width:960px){
.bottom{ background-size:cover}
.bottom .fl,
.bottom .fr{ float:none; width:100%;}
.bottom .fr{ max-width:none}
}
@media(max-width:768px){
.bottom .fl .ytable-cell,
.bottom .fl{display: block; width: 100%; padding: 0;}
.bottom .logo{ width:100%}
.bottom .logo img{ width: 250px;}
.bottom .fl .subject{ font-size:20px;padding-left: 85px; margin-top: -15px;}
.bottom .subject:before{ display: none}
}
.subject_location .column{ color: #2762a4}

/* 院系概况 */
.situation{ padding-bottom:6%}

.situation .txt1{width: 50%; text-align: justify; float: left; padding-right: 5%;}
.situation .content img{width: 50%; float: left;}
.situation .txt2{margin-top: 5%;width: 100%; float: left; text-align: justify;}
.situation .table_title{text-align: center; line-height: 140px;}
.situation .worktable{text-align: center;}
.situation table{width: 65.07%; margin: auto; white-space: nowrap;}
.situation table td{line-height: 60px; border: 1px solid #E9E9E9;}
.situation table td:not(.f18){font-size: 16px;}
.situation .position{color: #fff; background-color: #719bc8;}
@media(max-width: 800px){
  .situation .txt1{width: 100%; padding: 0; margin-bottom: 5%;}
  .situation .content img{width: 100%}
  .situation table{width: 100%;}
}
@media(max-width:640px){
  .situation .position{font-size: 14px;}
.situation table td:not(.f18){font-size: 12px;}
}

/* 院系动态 */
.trends_news .first_trend{ padding-bottom:5%; border-bottom: solid 1px #EBEBEB;}
.trends_news .list{background-color: #f2f5f7;}
.trends_news .first_trend .pic{width: 50%; float: left;}
.trends_news .first_trend .content{width: 50%; background-color: #f2f5f7; float: left;}
.trends_news .content_inner{padding: 4% 7%;}
.trends_news .date_box{width: 80px; height: 80px; background-color: #2762a4; color: #fff;}
.trends_news .date_box .day{font-size: 42px; text-align: center; height: 69%; transform: translateY(-7px);}
.trends_news .date_box .ym{font-size: 12px; text-align: center; opacity: 0.5;}
.trends_news .content .title{margin: 3% 0;}
.trends_news .content .txt{color: #999; margin-top: 3%; margin-bottom: 5%}
.trends_news .slick-dots { width: auto; right: 2%; left: auto; bottom: 8%}
.trends_news .slick-dots li button{width:10px; height:10px; border: 2px solid #CECECE; box-shadow: none; background: none}
.trends_news .slick-dots li.slick-active button{background-color: #719bc8; border-color:#719bc8 }
.trends_news .more a{color: #2762a4; padding-right: 22px; background: url("../images/more_jt.png") no-repeat right}

.trends_news .other_trend ul li{width: 100%; padding: 3% 0; border-bottom: solid 1px #EBEBEB;}
.trends_news .other_trend ul li:last-child{ border-bottom: none}
.trends_news .other_pic{width: 22.65%; float: left;}
.trends_news .other_pic img{ width: 100%}
.trends_news .other_content{width: 68%;padding: 0 12% 0 5%; float: left;}
.trends_news .other_trend .title{margin: 2% 0; font-size: 18px;}
.trends_news .other_trend .txt{color: #999; margin-top: 2%; margin-bottom: 4%; font-size: 14px;}
.trends_news .other_trend .date_box{float: left; margin: 3% auto; background-color: #fff; color: #000; border: solid 1px #EBEBEB; overflow: hidden;}
.trends_news .other_trend ul li a:hover{cursor: pointer;}
.trends_news .other_trend ul li a:hover .date_box{background-color: #2762a4; color: #fff;}
@media(max-width: 909px){
.trends_news .first_trend .pic{width: 100%;}
.trends_news .first_trend .content{width: 100%;}
.trends_news .date_box{width: 60px; height: 60px;}
.trends_news .date_box .day{font-size: 32px; height: 58%;}
.trends_news .date_box .ym{font-size: 10px;}
.trends_news .other_content{padding: 0 8% 0 3%;}
.trends_news .content img{width: 3%; margin-top: 5px; margin-bottom: 5px;}
.trends_news .other_trend .title{margin: 1% 0;}
.trends_news .other_trend .txt{margin: 1% 0;}
.trends_news .other_trend .date_box{margin: 5% auto;}
.trends_news .more a{font-size: 12px;}
.trends_news .slick-dots { bottom: 4%}
}
@media(max-width: 688px){
.trends_news .other_trend .title{margin: 0;}
.trends_news .content_inner{ padding: 3%}
.trends_news .other_trend .txt{margin: 0;}
.trends_news .date_box{width: 45px; height: 45px; }
.trends_news .date_box .day{font-size: 22px; height: 50%;}
.trends_news .date_box .ym{font-size: 8px;}
}
@media(max-width: 520px){
.trends_news .other_trend .date_box{margin: 6% 0 6% 5%;}
.trends_news .other_pic{width: 100%;}
.trends_news .content img{width: 4%;}
.trends_news .other_content{width: 80%;padding:3%;}
}
@media(max-width: 330px){
.trends_news .other_trend .date_box{margin: 6% 0 6% 0;}
}

/* 专业介绍 */
.major_main{ padding-bottom: 4%; min-height: 300px}
.major_main .first_part li{min-width: 11%; line-height: 60px; border-top: 1px solid #EDEDED; border-right: 1px solid #EDEDED; border-bottom: 3px solid #2762A4; display: block; float: left; white-space: nowrap; text-align: center; overflow: hidden;}
.major_main .first_part li a{ display: block; padding: 0px 10px;}
.major_main .first_part li a:hover{cursor: pointer; background-color: #2762A4; color: #fff;}
.major_main .first_part li:first-child{border-left: 1px solid #EDEDED}
.major_main .first_part li.active a{background-color: #2762A4; color: #fff;}

.major_main .second_part{padding: 5% 0;}
.major_main .second_part .content,
.major_main .second_part .photo{width: 50%; float: left;}
.major_main .second_part .content{padding: 5% 5% 0 0; text-align: justify;}
.major_main .title{color: #2762a4; padding-bottom: 30px;}

.major_main .third_part{border-top: 1px solid #EDEDED; padding: 3% 0;}
.major_main .third_part ul{margin: 0 -1%;}
.major_main .third_part ul li a{display: block; line-height: 50px; width: 24%; margin: 0.5% 0.5%; background-color: #F1F5F9; float: left; text-align: center; overflow: hidden; white-space: nowrap;}

.major_main .fourth_part{border-top: 1px solid #EDEDED; padding: 3% 0;}
@media(max-width: 1190px){
  .major_main .first_part li{min-width: 20%;line-height:50px;}
  .major_main .third_part ul li a{width: 32%;}
}
@media(max-width: 1000px){
  .major_main .second_part .content,
  .major .second_part .photo{width: 100%; float: none}
  .major_main .third_part ul li a{font-size: 14px;}
}
@media(max-width: 800px){
  .major_main .third_part ul li a{width: 49%;}
}
@media(max-width: 530px){
  .major_main .first_part li{min-width: 33.3%;line-height:40px;}
  .major_main .third_part ul li a{width: 99%;}
}
@media(max-width: 340px){
  .major_main .first_part li{min-width: 50%;}
}

/* 校企合作 */

.cooperate{ padding-bottom:5%; border-bottom: solid 1px #EBEBEB;}
.cooperate .list{background-color: #f2f5f7;}
.cooperate .pic{width: 50%; float: left;}
.cooperate .info{width: 50%; background-color: #f2f5f7; float: left; padding:4%}
.cooperate .title{margin: 3% 0;}
.cooperate .txt{color: #999; margin-top: 3%; margin-bottom: 6%}
.cooperate .slick-dots { width: auto; right: 2%; left: auto; bottom: 8%}
.cooperate .slick-dots li button{width:10px; height:10px; border: 2px solid #CECECE; box-shadow: none; background: none}
.cooperate .slick-dots li.slick-active button{background-color: #719bc8; border-color:#719bc8 }
.cooperate .more a{color: #2762a4; padding-right: 22px; background: url("../images/more_jt.png") no-repeat right}
@media(max-width: 792px){
.cooperate .pic,
.cooperate .info{width: 100%;padding: 3%}
}

.all_list li{ position: relative; padding:2% 0; border-bottom: solid 1px #EBEBEB;}
.all_list li:last-child{border-bottom: none;}
.all_list li .info{background: url(../images/li_icon.png) no-repeat left 10px}
.all_list li .info,
.all_list li .workinfo{ padding-left: 28px; }
.all_list li a{display: block;}
.all_list li a:hover{cursor: pointer;}
.all_list li .info .txt{color: #999;}
.all_list li .date{ position: absolute;  right: 0; top:20%; color: #999999}
.all_list li .workinfo {color: #999;}
.all_list li .workinfo .work{ float: left;}
.all_list li .workinfo .post{width: 20%; padding-right: 3%;}
.all_list li .workinfo .time{width: 25%; padding-right: 3%;}
.all_list li .workinfo .place{width:50%}

@media(max-width: 640px){
.all_list li .date{font-size: 10px; text-align: left}
.all_list li .more a{ font-size: 12px}
.all_list li .info,
.all_list li .date,
.all_list li .workinfo .work{float: none; width:100%!important;}
.all_list li .date{ position: relative}
.all_list li .info,
.all_list li .workinfo,
.all_list li .date{ padding-left:15px; }
}

/* 招生就业 */


.stu_job .list{ font-size: 14px; margin-left: -10px; margin-right: -10px;}
.stu_job .slick-slide{ padding: 20px;}
.stu_job .pic_box{padding-top: 57.5%; background: no-repeat center center; background-size: cover;}
.stu_job .info_box{padding:6%; background-color: #f3f7f8;}
.stu_job .title{ line-height: 26px;  height: 52px; margin-bottom: 3%;}
.stu_job .txt,
.stu_job .time{ color: #999; }
.stu_job .txt{ line-height: 24px; height: 48px; margin-top: 2%; margin-bottom: 4%}
.stu_job .time{ font-size: 14px;}
.stu_job .more{ color: #2762a4; float: right; display: block; padding-right: 18px; background: url('../images/trend_pointer.png') no-repeat right;}
.stu_job .slick-dots{ padding: 2% 0; position: relative}

.stu_job .slick-dots li button{ width: 16px; height: 16px; border-width: 2px;}
.stu_job .slick-dots li.slick-active button{ box-shadow: none; background: #719bc8; border-color: #719bc8}

/*index*/
.ind_banner img{ width: 100%}
.ind_banner .wap{ display: none}
.ind_banner .slick-dots{ bottom:40px;}
.ind_banner .slick-dots li button{ border: none; background: #8cb7e6; width: 16px; height: 16px; transition: 0.5s}
.ind_banner .slick-dots li.slick-active button{ box-shadow: none; background: #2b7bd5; width: 40px;}
.ind_banner .slick-arrow{ width:40px; height:40px;bottom:10px; border: none; top: auto; border-radius: 0; background: none}
.ind_banner .slick-prev{ left: 50%; margin-left: -160px;}
.ind_banner .slick-next{ right: 50%; margin-right: -160px;}
@media(max-width:1024px){
.ind_banner .pc{ display: none}
.ind_banner .wap{ display:block}
}
.ind_column{ position: relative; margin-bottom: 20px;}
.ind_column span{ font-size: 32px; color: #669cda}
.white .ind_column span{ color: #fff}
.ind_more{position: absolute; right: 0; bottom: 0; }
.ind_more a{ position: relative;display: inline-block; color: #458edf; border-bottom: solid 1px #458edf; padding-right: 25px;}
.ind_more a:before,
.ind_more a:after{ content: ''; position: absolute; background: #2b7bd5;}
.ind_more a:before{width: 11px; height: 1px; right: 0; top: 12px;}
.ind_more a:after{width: 1px; height: 11px;right:5px; top: 7px; }
.white .ind_more span,
.white .ind_more a{ color: #fff}
.white .ind_more a{ border-bottom-color: #fff}
.white .ind_more a:before,
.white .ind_more a:after{ background: #fff;}



.box.hide{ height: 0; overflow: hidden}

ul.ind_list li{ line-height:34px; padding: 18px 0; border-bottom: solid 1px #e9e9e9;}
ul.ind_list li a{ display: block;position: relative; }
ul.ind_list li h3{ font-weight: normal; padding-right:100px;}
ul.ind_list li p{ height: 34px; color: #999999}
ul.ind_list li p span{ display: inline-block;}
ul.ind_list li p span.post{ width: 40%; padding-right: 5%}
ul.ind_list li .time{ color: #999999; position: absolute; right: 0; top: 0}

.white ul.ind_list li{ border-bottom-color: rgba(255,255,2558,0.25)}
.white ul.ind_list li a{ color: #fff}
.white ul.ind_list li p,
.white ul.ind_list li .time{ color: rgba(255,255,2558,0.7)}

.ind_about_news{ position: relative; padding: 4% 0}
.ind_about_news:before,
.ind_about_news:after{ content: ''; position: absolute; width: 50%; height: 100%; top: 0}
.ind_about_news:before{left: 0; background: #669cda}
.ind_about_news:after{right: 0; background: #458edf}
.ind_about_news .about_box .info{ background: #2b7bd5; padding-bottom: 20px;}
.ind_about_news .about_box .txt{ padding: 20px 40px 0 40px; color: #fff}
.ind_about_news .about_box .ind_more{ padding: 20px 40px; position: relative}
.ind_about_news .news_box ul.ind_list li a{ padding-left: 77px; display: block}
.ind_about_news .news_box ul.ind_list li h3{ padding-right: 0}
.ind_about_news .news_box ul.ind_list li p{ font-size: 14px}
.ind_about_news .news_box ul.ind_list li .time{left: 0; right: auto; font-size: 14px}
.ind_about_news .news_box ul.ind_list li .time b{ font-size: 36px; color: #fff; display: block}

.ind_major.majorSubject29{ display:none}
.ind_major{ padding:6% 0; position: relative}
.ind_major:before{ content:''; position: absolute; width: 90px; height: 16px; margin: auto; top: 0; left: 0; right: 0; background: url("../images/book_icon.png")}
.ind_major .column{ border-bottom: solid 3px #2b7bd5}
.ind_major .column ul{ text-align: center; display: table; width: 100%; border: solid 1px #e6e8eb; border-bottom: none}
.ind_major .column li{ display: table-cell;/*width: 11.111%;*/ height: 67px; line-height: 24px; vertical-align: middle; cursor: pointer; border-right:solid 1px #e6e8eb}
.ind_major .column li:last-child{ border-right: none}
.ind_major .column li.show{ background: #2b7bd5}
.ind_major .column li.show a{ color: #fff;}
.ind_major .infobox{ background: #e9f2fb}
.ind_major .info{ padding:50px; position: relative}
.ind_major .info .txt{ padding-bottom: 30px;}
.ind_major .ind_more{ right: 50px; bottom: 30px;}
.ind_major .name{ line-height:60px; color: #2b7bd5;}
.ind_major .name:before{ content: ''; display: block; width:44px; height:3px; background: #2b7bd5}
.ind_major .photo img{ width: 100%}

.ind_major .fl_fr .slick-arrow{ width: 60px; height: 60px; border: none; top: auto; bottom: -30px; border-radius: 0}
.ind_major .fl_fr .slick-prev{ background-color: rgba(43,123,213,1)}
.ind_major .fl_fr .slick-next{ left: 60px; right: auto; background-color: rgba(43,123,213,0.8)}
.ind_major .fl_fr .slick-prev:before{background-position: right}
.ind_major .fl_fr .slick-next:before{background-position: left}

.ind_work_cooperation{ position: relative; padding: 4% 0}
.ind_work_cooperation:before,
.ind_work_cooperation:after{ content: ''; position: absolute; width: 50%; height: 100%; top: 0}
.ind_work_cooperation:before{left: 0; background: linear-gradient(180deg, #2b7bd5 48%, #669cda 48%);}
.ind_work_cooperation:after{right: 0; background: #e9f2fb}
.ind_work_cooperation .hot{ padding-bottom:60px;}
.ind_work_cooperation .hot a{ display: block; position: relative}
.ind_work_cooperation .hot .pic{ position: absolute; width:47.46%; height: 86%; background: no-repeat center center; background-size: cover}
.ind_work_cooperation .hot .pic img{ width: 100%; }
.ind_work_cooperation .hot .info{ padding-left: 54%}
.ind_work_cooperation .hot h3{ font-weight: normal; line-height: 30px;}
.ind_work_cooperation .hot p{ opacity: 0.7; margin: 10px 0}
.ind_work_cooperation .hot .time{ opacity: 0.8}
.ind_work_cooperation .hot .more{ font-size: 14px; padding-right: 24px; background: no-repeat right}
.ind_work_cooperation .work_box .hot .more{color: #c0d8f2; background-image: url("../images/more_jt2.png")}
.ind_work_cooperation .cooperation_box .hot .more{ color: #999999;  background-image: url("../images/more_jt3.png")}
.ind_work_cooperation .cooperation_box ul.ind_list li{ border-bottom-color: #d7dce0}

.ind_work_cooperation .white .hot a{ color: #fff}

.ind_party_study{ padding: 4% 0}
.ind_party_study .column{ padding-bottom: 20px;}
.ind_party_study .column li{ display: inline-block; padding-right: 35px;}
.ind_party_study .column li:last-child{ padding-right: 0}
.ind_party_study .column li a{ font-size: 22px; display: inline-block; color: #999999; cursor: pointer;}
.ind_party_study .column li.show a{ color: #2b7bd5; border-bottom: solid 2px #2b7bd5}

@media(min-width:960px){
.ind_fl,
.ind_fr{ width:46.094%;}
.ind_fl{ float: left;}
.ind_fr{ float: right;}

.ind_major .fl_fr{ width: 100%}
.ind_major .fl_fr .info{float: left; width: 50%;}
.ind_major .fl_fr .photo{ float: right;width: 50%}
}
@media(max-width:1200px){
.ind_column span{ font-size:26px;}
.ind_about_news .news_box ul.ind_list li .time b{ font-size:26px;}
}
@media(max-width:960px){
.ind_column span{ font-size:22px;}
.ind_about_news:before,
.ind_about_news:after{ display: none}
.ind_about_news .about_box,
.ind_about_news .news_box{ padding: 3%}
.ind_about_news .about_box{background: #669cda;}
.ind_about_news .about_box .txt{padding: 4% 4% 0 4%;}
.ind_about_news .about_box .ind_more{padding: 4% 4% 0 4%;}
.ind_about_news .news_box{background: #458edf;}
.ind_about_news .news_box ul.ind_list li a{ padding-left: 65px;}
.ind_about_news .news_box ul.ind_list li .time{ font-size: 13px}
.ind_about_news .news_box ul.ind_list li .time b{ font-size:20px;}

.ind_major{ padding-top:0; padding-bottom: 4%}
.ind_major:before{ display: none}
.ind_major .info{ padding: 4%}
.ind_major .ind_more{ right: 4%}

.ind_work_cooperation:before,
.ind_work_cooperation:after{ display: none}
.ind_work_cooperation .work_box,
.ind_work_cooperation .cooperation_box{ padding: 3%}
.ind_work_cooperation .work_box {background: #2b7bd5;}
.ind_work_cooperation .cooperation_box {background: #e9f2fb;}
.ind_work_cooperation .hot{ padding-bottom: 4%}

.ind_party_study .column li{ padding-right: 20px;}
.ind_party_study .column li a{ font-size: 19px;}
.ind_party_study .party_box,
.ind_party_study .study_box{ padding: 3% 0}
}
@media(max-width:640px){
ul.ind_list li{ line-height: 26px;}
ul.ind_list li p{ height: auto}
ul.ind_list li p span{ display: block}
ul.ind_list li p span.post{ width: 100%; padding-right: 0}
ul.ind_list li h3{ padding-right: 0}
ul.ind_list li .time{ position: relative}


.ind_banner .slick-arrow{ display: none!important}
.ind_banner .slick-dots{ bottom: 20px;}

.ind_about_news .news_box ul.ind_list li .time{ position: absolute}

.ind_major .column li{ padding:6px;}

.ind_work_cooperation .hot .info,
.ind_work_cooperation .hot .pic{ float: none; width: 100%}
.ind_work_cooperation .hot .pic{ position: relative; width: 100%; height: auto}
.ind_work_cooperation .hot .pic img{ display: block}
.ind_work_cooperation .hot .info{ padding-top: 3%; padding-left: 0}
}

.video_files{ z-index: 220; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.5)}
.video_files video{ position: absolute; width: 96%; max-width: 800px; max-height: 90%; margin: auto; top:0;bottom: 0; left: 0; right: 0;}
.video_files .close{ position: absolute; right: 2%; top: 2%; width: 46px; height: 46px; cursor: pointer;background: url(../images/close.png)}

.video_list ul{ margin-left: -2%;margin-right: -2%;}
.video_list li{ float: left; width: 50%; padding:2%; position: relative}
.video_list .pic{ position: relative; padding-bottom:56%; overflow: hidden; background: #1f354c}
.video_list .pic:before{ content: ''; z-index: 1; width: 100%; height: 100%; display: block; position: absolute; background:url("../images/video_icon.png") no-repeat center center; background-size: 9.5%}
.video_list .pic img{ opacity: 0.6; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; width: 100%; transition: 0.5s}
.video_list .title{ font-size: 18px; padding:20px 0; margin: 0; text-align: center}

@media(max-width: 640px){
.video_list ul{ margin-left: 0;margin-right: 0;}
.video_list li{ float: none; width: 100%; }
.video_list .title{ font-size: 16px; padding:10px 0;}
}