* {margin:0px; padding:0px;  font-family: Arial, "Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu,SimSun,宋体,Tahoma, Verdana ; }
html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td {
	margin: 0;
	padding: 0;
}

img{ border:0 none; vertical-align:middle; }
input,button,select,textarea{outline:none} 
textarea{resize:none}
table{ border:0;}
td{ font-size:17px;color:#242415; padding:0; margin:0;  }
div,ul,li{ list-style-type:none; padding:0; margin:0; font-size:17px;}
a{	color:#242415; text-decoration:none; font-size:17px;}
a:hover{color:#3A4674;  }
.clear{ clear:both;}
.fl {float: left;}
.fr{ float:right;}

.block{ width:100%; max-width:1400px; margin:0 auto; }	/*宽度*/




/***************************************首页**---------------------------------------------***************/

.toppc{ width:100%; height:auto !important; margin:0 auto; position:relative; z-index:3;}
.toppc #bannerA{ width:100%; position:relative; z-index:0;}
.toppc .dingbu{/* position:absolute;*/ width:100%; z-index:3; height:160px; background-color:#0E1434;}

.toppc .dingbu .sousuo{ height:40px; background-color:#3A4674;}


/*搜索*/
.sousuo{ position:relative;}
.sousuo .toplink{ float:right; color:#BFCFFF; font-size:13px; text-align:right;  margin-right:50px;}
.sousuo .toplink a{ color:#BFCFFF; font-size:13px; line-height:40px;}

.sousuo .ssbox{ float:right; margin-right:20px;  line-height:40px;}
.ssbox a{ color:#ffffff;}
.ssbox a i{ font-size:20px;}
.ssbox .serpc{display: none; position:absolute; width:300px; height:40px; padding:5px; top:40px; right: 20px; z-index: 66; background: #fff;}

.ssbox .close {
    position: absolute;
    right:10px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 30px;
    line-height:30px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    font-size: 20px;
    color: #888;
    cursor: pointer;
}
.ssbox .ssinput{    height: 30px;
    line-height: 30px;
    border: 1px solid #eeeeee;
    padding-left: 10px;
width:220px}


.toppc .dingbu .topbox{ height:120px; background: url(footbg-n.png) #2d3761 no-repeat 95% 50%; background-size: 800px 78px;}
.toppc .dingbu .topbox .logo{ float:left; height:100px; line-height:100px; margin-left:130px;}
.toppc .dingbu .topbox #pcnav{ float:right; margin-right:120px; margin-top:35px;}

.toppc .m-logo{ display:none;}
#cssmenu{ display:none;}

/*pc导航*/
#pcnav, #pcnav ul{height:50px; line-height:50px;z-index:5; position:relative;}
#pcnav .yiji a{display:block; height:50px; line-height:50px; width:135px; text-decoration:none; text-align:center; font-size:18px; color:#ffffff;  z-index:5; }/*一级栏目间距*/
#pcnav .yiji .xuanzhong{color:#fff; background-color:#3A4674;}
#pcnav li{float:left; position:relative ;z-index:20;}
#pcnav ul{position:absolute; display:none; top:50px;}
#pcnav .erji a{ display:block; height:50px; line-height:50px;  width:135px; font-size:18px; text-align:center;}/*二级栏目间距*/
#pcnav a:hover,  #pcnav a:focus{color:#fff; background-color:#3A4674;}
#pcnav .erji li{background-color:#3A4674;}/*二级菜单样式背景色*/
#pcnav .erji a:hover, #pcnav .erji a:focus{background-color:#616C93;color:#fff;}/*二级菜单鼠标经过样式背景色*/
#pcnav li:hover ul ul, #pcnav li:hover ul ul ul, #pcnav li:hover ul ul ul ul{display:none;}
#pcnav li:hover ul, #pcnav li li:hover ul, #pcnav li li li:hover ul, #pcnav li li li li:hover ul{display:block;}


@media screen and (max-width:1800px){/*分辨率1660 1600*/
.toppc .dingbu .topbox .logo{margin-left:30px;}
.toppc .dingbu .topbox #pcnav{margin-right:20px;}	
#pcnav .yiji a{display:block; height:50px; line-height:50px; width:125px; text-decoration:none; text-align:center; font-size:16px; color:#ffffff;  z-index:5; }/*一级栏目间距*/
#pcnav .erji a{ display:block; height:50px; line-height:50px;  width:125px; font-size:16px; text-align:center;}/*二级栏目间距*/


}
@media screen and (max-width:1500px){ /*分辨率1440 1400 1360*/
.toppc .dingbu .topbox .logo{margin-left:5px;}
.toppc .dingbu .topbox #pcnav{margin-right:0px;}
#pcnav .yiji a{display:block; height:40px; line-height:40px; width:100px; text-decoration:none; text-align:center; font-size:15px; color:#ffffff;  z-index:5; }/*一级栏目间距*/
#pcnav .erji a{ display:block; height:40px; line-height:40px;  width:100px; font-size:15px; text-align:center;}/*二级栏目间距*/
#pcnav ul{position:absolute; display:none; top:40px;}
}

@media screen and (max-width:1200px){/*移动端*/
.toppc .dingbu .topbox .logo{ display:none;}
.toppc .m-logo{ display:block; margin-left:10px;}
#pcnav{ display:none;}
#cssmenu{ display:block;}
.toppc .dingbu{ height:auto; }
.toppc .dingbu .topbox{ height:60px;  background:url(topbg-n.png) repeat-x 0% 0%;}


.block{ width:96%; margin:0 auto;}
}
@media screen and (max-width:400px){/*移动端*/
.sousuo .toplink{ float:right; color:#BFCFFF; font-size:12px; text-align:right;  margin-right:5px;}
.sousuo .toplink a{ color:#BFCFFF; font-size:12px; line-height:40px;}
.sousuo .ssbox{ float:right; margin-right:5px;  line-height:40px;}
}


/*大图切换*/

#bannerA.swiper-container-horizontal>.swiper-pagination-bullets, #bannerA.swiper-pagination-custom, #bannerA.swiper-pagination-fraction { bottom:30px;}
#bannerA .swiper-pagination-bullet {
    width: 20px;
    height: 5px;
    display: inline-block;
    border-radius: 0;
    background: #ffffff;
    opacity: .6;}
#bannerA.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 10px;}
#bannerA .swiper-pagination-bullet-active {
    opacity: 1;
	width: 32px;
    background: #ffffff;}
#bannerA .swiper-button-prev, #bannerA .swiper-container-rtl .swiper-button-next {
	background-image: url(arrow-l.png);
	left: 10px;
	right: auto;}
#bannerA .swiper-button-next, #bannerA .swiper-container-rtl .swiper-button-prev {
	background-image: url(arrow-r.png);
	right: 10px;
	left: auto;}
#bannerA .swiper-button-next, #bannerA .swiper-button-prev{ width:60px; height:60px; background-size:60px 60px;}

/*-------------------------------------------------------------------------------------*/
@media screen and (max-width:1024px){/*移动端展示*/
#bannerA.swiper-container-horizontal>.swiper-pagination-bullets, #bannerA.swiper-pagination-custom, #bannerA.swiper-pagination-fraction { bottom:5px;}
}

/***************************************************************************/
/*首页顶部圆形快速链接*/
.quicklink{ margin: 35px auto; overflow: hidden;}
.quicklink li{ float:left; width:14.2857143%; margin:0 auto;}
.quicklink li a{ display:block; width:120px; height:120px; border:1px solid #3A4674; background-color:#f9f9f9; border-radius:50%; text-align:center;  color:#3A4674; margin:0 auto; }
.quicklink .ql_en{ font-size:26px; line-height:35px; padding-top:30px;}
.quicklink .ql_cn{ font-size:15px;}
.quicklink a:hover{ background-color:#3A4674; color:#ffffff; -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
/*-------------------------------------------------------------------------------*/
@media screen and (max-width:1200px){/*移动端展示*/
.quicklink li{ width:25%; margin-bottom: 2%;}
   
}
@media screen and (max-width:500px){/*移动端展示*/
.quicklink li{ width:33.33333333%;}
.quicklink li a{width:100px; height:100px;}
.quicklink .ql_en {font-size: 20px; line-height: 35px; padding-top: 20px;}
.quicklink .ql_cn{ font-size:13px;}
}

/*--------------首页学院新闻\微信头条切换*/

.boxa{ margin-top:60px;}

.boxa-left {
	float:left;
	width: 940px;
	margin:0 auto;
	height: 100%;
}
.boxa-left-list {
	position: relative;
	height: 55px;
}
.boxa-left-list ul {
	overflow: hidden;
	height: 55px;
}
.boxa-left-list ul li {
	float: left;
	height: 55px;
	margin-right: 20px;
	font-size: 25px;
	cursor: pointer;
	padding-right:20px;
}
.boxa-left-list ul .en1{position:absolute; left:0; top:35px; font-size:16px; color:#999999;}
.boxa-left-list ul .en2{position:absolute; left:140px; top:35px; font-size:16px; color:#999999;}
.boxa-left-list ul li.line{ background:url(line1-n.png) no-repeat 100% 50%;}
.boxa-left-list ul .on {color: #3A4674}
.boxa-left-list ul .on .en1{color: #3A4674}
.boxa-left-list ul .on .en2{color: #3A4674}
.boxa-left-list ul a{ display:none; position:absolute; right:0; top:20px; font-size:19px; color:#616C93; padding-left:30px; background:url(arrblue-n.png) no-repeat 0% 50%;}
.boxa-left-list ul .on a{ display:block;}

.boxa-left-body {padding-top: 24px;}



/*学院新闻左侧图片和右侧新闻列表*/
.xydt-box .xy-left{ float:left; width:400px; height:auto;}
.xydt-box .xy-right{ float:right; width:520px;}

.xytupian .swiper-slide{ position:relative; width:400px; height:100%; }
.xytupian .pic {
	height: 266px;
	position: relative;
	overflow: hidden;
}
.xytupian .pic a{    background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 100%;
	display: block;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;}
	
.xytupian .swiper-slide .txt {
	padding: 10px 25px;
	height:50px;
	background-color:#eeeeee;
}
.xytupian .swiper-slide .txt h1{ font-size:17px; color:#3A4674; line-height:25px; height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

#swiper-B .swiper-pagination-bullet-active {
    opacity: 1;
    background:#3A4674;}
	
	
.xy_list ul{ display:block; height:48px; line-height:48px;}
.xy_list ul li{ display:inline-block; height:48px; line-height:48px; }
.xy_list ul li:first-child{ float:left; width:450px; background:url(dot1-n.jpg) no-repeat 0% 50%; }
.xy_list ul li a{ display:block; width:435px; padding-left:15px; height:48px; line-height:48px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.xy_list ul:hover a{ font-weight:600; color:#25499D; transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.xy_list ul:hover .riqi{ font-weight:600;  color:#25499D; }
.xy_list .riqi{ float:right; color:#999999;}




/*微信头条左侧图片和右侧新闻列表*/
.wxtt-list li {
    float: left;
    width: 49%;
    position: relative;
    margin-bottom: 30px;
	padding: 24px 0px;
    border-bottom: 1px solid #eaeaea;
    transition: all 0.3s ease-in-out;
}
.wxtt-list li a {
    display: block;
    padding: 0 20px;
}
.wxtt-list span {
	float:left;
    text-align: right;
}
.wxtt-list span.date {
    max-width: 60px;
    font-size: 14px;
    margin-top: -6px;
    border-right: 1px solid #c1c1c1;
    padding-right: 4%;
    z-index: 30;
    position: relative;
}
.wxtt-list span.date em {
    display: block;
    font-size: 30px;
    font-weight: bold;
}
.wxtt-list .text_wrap {
    width: 75%;
	float:right;
    font-size: 16px;
	height:30px;
    line-height: 30px;
    z-index: 30;
    position: relative;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.wxtt-list li a:hover .text_wrap{ font-weight:700;}
.wxtt-list li:nth-child(odd) {
    margin-right: 2%;
}
@media screen and (max-width:1200px){/*移动端展示*/
.boxa .boxa-left{ float:left; width:100%; margin-bottom:30px;}


.xydt-box .xy-left{ float:left; width:100%; }
.xytupian .swiper-slide{ position:relative; height:100%; width:100%;}
.xydt-box .xy-right{ float:right; width:100%; margin-top:20px;}
}



@media screen and (max-width:500px){/*移动端展示*/
.boxa{ margin-top:30px;}

.xytupian .swiper-slide{ position:relative; height:100%; width:100%;}
.xy_list ul li:first-child{ float:left; width:84%; }
.xy_list ul li a{ display:block; width:100%; padding-left:0; text-indent:15px; height:48px; line-height:48px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; }

.wxtt-list li {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 30px;
	padding: 12px 0px;
    border-bottom: 1px solid #eaeaea;
    transition: all 0.3s ease-in-out;
}
.wxtt-list li:nth-child(odd) {
    margin-right: 0%;
}
}

/*--------------首页通知公告 、 学术报告切换*/
.boxa-right {
	float:right;
	width: 410px;
	margin:0 auto;
	height: 100%;
}
.boxa-right-list {
	position: relative;
	height: 55px;
}
.boxa-right-list ul {
	overflow: hidden;
	height: 55px;
}
.boxa-right-list ul li {
	float: left;
	height: 55px;
	margin-right: 20px;
	font-size: 25px;
	cursor: pointer;
	padding-right:20px;
}
.boxa-right-list ul .en1{position:absolute; left:0; top:35px; font-size:16px; color:#999999;}
.boxa-right-list ul .en2{position:absolute; left:0; top:35px; font-size:16px; color:#999999;}
.boxa-right-list ul li.line{ background:url(line1-n.png) no-repeat 100% 50%;}
.boxa-right-list ul .on {color: #3A4674}
.boxa-right-list ul .on .en1{color: #3A4674}
.boxa-right-list ul .on .en2{color: #3A4674}
.boxa-right-list ul a{  position:absolute; right:0; top:20px; font-size:19px; color:#616C93; padding-left:30px; background:url(arrblue-n.png) no-repeat 0% 50%;}
.boxa-right-list ul .on a{ display:block;}

.boxa-right-body {padding-top: 24px;}


            /*通知公告列表*/
.tongzhilist li{ height:55px; background-color:#F0F0F0; border-left:2px solid #3A4674; margin-bottom:10px;}
.tongzhilist li a{ display:block; height:55px;}
.tongzhilist li a .tzsj{ font-size:15px; color:#999999; padding-left:3%; padding-top:5px; padding-bottom:3px;}
.tongzhilist li a .tzname{ width:95%; padding-left:3%; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.tongzhilist li:hover{ background-color:#3A4674; -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
.tongzhilist li:hover .tzsj{ color:#ffffff;}
.tongzhilist li:hover .tzname{ color:#ffffff;}

@media screen and (max-width:1200px){/*移动端展示*/
.boxa .boxa-right{ float:right; width:100%; }
.tongzhilist li a .tzname{ font-size:16px;}

}


/*-----------------首页团学工作、教学科研*/
.boxb{ background: url(indexbg1-n.jpg) no-repeat 50% 50%; height:505px; margin-top:50px;}

.boxb .tuanxuebox{ float:left; width:30%; margin-right:5%; padding-top:60px;}
.boxb .tuanxuebox .menu{ margin-bottom:20px;}
.boxb .tuanxuebox .txname{ font-size:25px; height:70px; color:#ffffff; position:relative;}
.boxb .tuanxuebox .txname .txyingwen{ position:absolute; left:0; top:40px; font-size:16px;}
.boxb .tuanxuebox .gengduo{ color:#ffffff; font-size:20px; padding-left:30px; margin-top:10px; background:url(arrwhite-n.png) no-repeat 0% 50%;}
.boxb .tuanxuebox .gengduo:hover{ color:#FFD22B;}

.tuanxuelist{display:block; width:100%; height:26px; line-height:26px; margin-bottom:25px; }
.tuanxuelist li{ display:inline-block; height:26px;}
.tuanxuelist .shijian{ float:left; width:22%; display:block; border:1px solid #ffffff; height:24px;}
.tuanxuelist .shijian .nian{ width:45%; float:left;  height:24px; line-height:24px; text-align:center; color:#ffffff; font-size:15px;}
.tuanxuelist .shijian .yue{ width:55%; float:right; height:24px; line-height:24px; text-align:center; background-color:#ffffff; color:#3A4674; font-size:15px; }
.tuanxuelist .biaoti{ float:right; width:75%; height:26px; line-height:26px; color:#ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tuanxuelist:hover .shijian{ border:1px solid #FFD22B;}
.tuanxuelist:hover .shijian .nian{ color:#FFD22B;}
.tuanxuelist:hover .shijian .yue{ background-color:#FFD22B; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
.tuanxuelist:hover .biaoti{ color:#FFD22B;}

.boxb .keyanbox{ float:left; width:30%;  padding-top:60px;}
.boxb .keyanbox .menu{ margin-bottom:20px;}
.boxb .keyanbox .txname{ font-size:25px; height:70px; color:#ffffff; position:relative;}
.boxb .keyanbox .txname .txyingwen{ position:absolute; left:0; top:40px; font-size:16px;}
.boxb .keyanbox .gengduo{ color:#ffffff; font-size:20px; padding-left:30px; margin-top:10px; background:url(arrwhite-n.png) no-repeat 0% 50%;}
.boxb .keyanbox .gengduo:hover{ color:#FFD22B;}

.keyanlist{display:block; width:100%; height:26px; line-height:26px; margin-bottom:25px; }
.keyanlist li{ display:inline-block; height:26px;}
.keyanlist .shijian{ float:left; width:15%; display:block; height:26px; color:#ffffff;}
.keyanlist .biaoti{ float:right; width:82%; height:26px; line-height:26px; color:#ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.keyanlist:hover .shijian{ color:#FFD22B;}
.keyanlist:hover .biaoti{ color:#FFD22B;}


.boxb .keyanbox2{ float:right; width:30%;  padding-top:60px;}
.boxb .keyanbox2 .menu{ margin-bottom:20px;}
.boxb .keyanbox2 .txname{ font-size:25px; height:70px; color:#ffffff; position:relative;}
.boxb .keyanbox2 .txname .txyingwen{ position:absolute; left:0; top:40px; font-size:16px;}
.boxb .keyanbox2 .gengduo{ color:#ffffff; font-size:20px; padding-left:30px; margin-top:10px; background:url(arrwhite-n.png) no-repeat 0% 50%;}
.boxb .keyanbox2 .gengduo:hover{ color:#FFD22B;}



@media screen and (max-width:1200px){/*移动端展示*/
.boxb{ background: url(indexbg4-n.jpg) repeat 50% 0%; height:1400px;  margin-top:30px;}
.boxb .tuanxuebox{ float:left; width:100%; padding-top:60px;}
.boxb .keyanbox{ float:left; width:100%;  padding-top:60px;}
.boxb .keyanbox2{ float:right; width:100%;  padding-top:60px;}
}
@media screen and (max-width:500px){
.tuanxuelist .shijian{ float:left; width:22%; display:block; border:1px solid #ffffff; height:24px;}
.tuanxuelist .biaoti{ float:right; width:74%; height:26px; line-height:26px; color:#ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:16px;}
.keyanlist .shijian{ float:left; width:22%; display:block; height:26px; color:#ffffff; font-size:15px;}
.keyanlist .biaoti{ float:right; width:74%; height:26px; line-height:26px; color:#ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:16px;}

}
/*--------------首页视频 图片链接*/
.blockvideo{ width:100%; max-width:1400px; margin:0 auto;}
.boxc{ background:url(zhuantibg-n.jpg) repeat 0% 0%; height:auto; padding-top:70px; padding-bottom:100px;}

.boxc .videobox{ float:left; width:780px; height:440px; 	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
/*视频右侧列表区域190px宽，其中箭头区域30px宽，列表标题160px宽。如果变化js和css都要改。*/
#video_area{ width:780px; height:440px;  position:absolute; overflow:hidden; }
#bofangqi{ width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1;}
#video_list{ width:190px; height:100%;  position:absolute; z-index:2; right:-160px; top:0px; }
#video_list_left{ float:left; width:30px; }
#video_list_left span{ cursor:pointer; border-radius:10px 0px 0px 10px; text-align:center; color:#FFFFFF; font-size:36px; box-sizing:border-box; padding-top:5px;
			display:block; background:rgba(255,255,255,0.6);  width:30px; height:50px; margin-top:150px;  }
#video_list_right{ float:right; width:160px; height:100%; background:rgba(255,255,255,0.6); box-sizing:border-box; padding:15px;   }
.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-fullandexit {
    float: right;
    padding-right: 20px;}

/*2023.12.2修改首页视频区域*/
.boxc .videobox2{ float:left; width:780px; height:440px; 	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
	
.xytupian2 .swiper-slide{ position:relative; width:100%; height:470px; }

#swiper-C .swiper-pagination-bullet-active {
    opacity: 1;
    background:#ffffff;}
	
/*2023.12.11修改首页视频区域*/	


/*自定义常见竖向容器样式*/
.tab_shuxiang { width:780px;}
/*菜单区和内容区左右排布*/
.tab_shuxiang > tabmenu{ float:left; width:100px;  vertical-align:top;}
.tab_shuxiang > tabcontent{ float:right; width:678px; height:441px; overflow:hidden; background-color:#ffffff; vertical-align:top;}
/*选项卡菜单样式*/
.tab_shuxiang > tabmenu > tabli{ display:inline-table; width:100px; height:62px; line-height:62px; background-color:#efefef; border-bottom:1px solid #ccc; text-align:center; cursor:pointer;}
/*对选项卡菜单补充当前选中样式（current这个词不能改）*/
.tab_shuxiang > tabmenu > .current{color:#404974; background-color:#ffffff;}
/*选项卡内容样式*/
.tab_shuxiang > tabcontent > tabli{ display:block;}

 

	
                /*首页图片链接*/
.piclinkbox{ float:right; width:560px;}
.piclinkbox .picshang .left{ float:left; display:block; width:300px; height:200px; background:url(piclink1-n1.jpg) no-repeat 50% 50%; text-align:center; color:#ffffff;}
.piclinkbox .picshang .right{ float:right; display:block; width:230px; height:200px; background:url(piclink2-n.jpg) no-repeat 50% 50%; text-align:center; color:#ffffff;}
.piclinkbox h3{ font-size:22px; margin-top:50px;}
.piclinkbox p{ font-size:20px; margin-top:30px;}
.piclinkbox a:hover h3, .piclinkbox a:hover p{ font-size:25px;  -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.piclinkbox .picshang{ margin-bottom:40px;}
.piclinkbox .picxia .left{ float:left; display:block; width:300px; height:200px; background:url(piclink3-n.jpg) no-repeat 50% 50%; text-align:center; color:#ffffff;}
.piclinkbox .picxia .right{ float:right; display:block; width:230px; height:200px; background:url(piclink4-n1.jpg) no-repeat 50% 50%; text-align:center; color:#ffffff;}

@media screen and (max-width:1200px){/*移动端展示*/
.boxc{ padding-bottom:20px; padding-top:30px;}
.boxc .videobox{ float:left; width:100%; height:400px; margin-bottom:20px; }

.boxc .videobox2{ float:left; width:100%; height:440px; margin-bottom:20px; }

#video_area{ width:100%; height:400px;  position:absolute; overflow:hidden; }

.piclinkbox{ float:right; width:96%; margin-right:2%;}
.piclinkbox .picshang { float:left; width:50%;}
.piclinkbox .picxia { float:left; width:50%;}
.piclinkbox .picshang .left{ float:left; display:block; width:60%; }
.piclinkbox .picshang .right{ float:right; display:block; width:40%;  }
.piclinkbox .picxia .left{ float:left; display:block;  width:60%;}
.piclinkbox .picxia .right{ float:right; display:block; width:40%;}

.tab_shuxiang {
    width: 100%;
}
.tab_shuxiang > tabmenu {
    width: 80px;
	font-size:15px;
}
.tab_shuxiang > tabmenu > tabli {
    width: 80px;
}
.tab_shuxiang > tabcontent {
    width: calc(100% - 80px);
}


}
@media screen and (max-width:680px){
.piclinkbox .picshang { float:left; width:100%;}
.piclinkbox .picxia { float:left; width:100%;}
.piclinkbox h3{ font-size:20px; margin-top:50px;}
.piclinkbox p{ font-size:16px; margin-top:30px;}
.piclinkbox a:hover h3, .piclinkbox a:hover p{ font-size:22px; }	
}


/*---------------首页党建工作*/
.boxd{ background:url(indexbg3-n.png) no-repeat 50% 100%; height:auto; padding-top:50px; padding-bottom:80px;}
 
.djmenu{ margin-bottom:30px;}
.djmenu .djname{ font-size:25px; height:70px;  position:relative;}
.djmenu .djname .djyingwen{ position:absolute; left:0; top:40px; font-size:16px; color:#999999;}
.djmenu .gengduo{ color:#616C93; font-weight:700;  font-size:20px; padding-left:30px; margin-top:10px; background:url(arrblue-n.png) no-repeat 0% 50%;}

.djlist{display:block; width:100%; height:26px; line-height:26px; margin-bottom:25px; }
.djlist li{ display:inline-block; height:26px;}
.djlist .shijian{ float:left; width:9%; display:block; height:26px; color:#999999;}
.djlist .biaoti{ float:left; width:65%; height:26px; line-height:26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.djlist:hover .shijian{ color:#3A4674;}
.djlist:hover .biaoti{ color:#3A4674; font-weight:700;}


@media screen and (max-width:1200px){/*移动端展示*/
.djlist .shijian{ float:left; width:14%; display:block; height:26px; color:#999999;}
}
@media screen and (max-width:680px){
.djlist .shijian{ float:left; width:24%; display:block; height:26px; color:#999999; font-size:15px;}
.djlist .biaoti{ float:left; width:75%; height:26px; line-height:26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:16px;}
}
/*------------------首页底部内容*/

.box-foot{ background:url(footbg-n.png) #0E1434 no-repeat 50% 50%; height:auto; padding-top:30px;}

.pcnav-foot{ margin:20px -35px 20px;}
.pcnav-foot li{ width:11%; float:left; text-align:center; display: inline-block;}
.pcnav-foot li h1{ color:#ffffff; font-size:16px; font-weight:normal; height:40px;}
.pcnav-foot li a{ display:block; width:100%; color:#BFCFFF; height:30px; line-height:30px; font-size:15px;}
.link-foot{ margin-bottom:50px;}
.link-foot .linkbox{ float:left; width:200px; height:30px; background-color:#67729A; margin-right:50px;}

.banquan-foot-m{ display:none;}
.banquan-foot{ height:70px; border-top:1px solid #BFCFFF;}
.banquan-foot .banquan{ float:left; font-size:14px; color:#ffffff; line-height:70px;}
.banquan-foot .ewmicon{ float:right; position:relative; padding-top:15px;}
.banquan-foot .ewmicon .icondiv1{ width:34px; height:34px; background:url(wxicon-n.png) no-repeat 0% 0%;}
.banquan-foot .ewmicon .icondiv1:hover{ background:url(wxicon-lv-n.png) no-repeat 0% 0%;}
.banquan-foot .ewmicon .ewm{ display:none; position:absolute; bottom:0; left:-140px;}
.banquan-foot .ewmicon:hover .ewm{ display:block;}

@media screen and (max-width:1200px){/*移动端展示*/
.pcnav-foot{ margin:20px 0 20px;}
}
@media screen and (max-width:680px){
.pcnav-foot{ display:none;}	
.link-foot{ display:none;}	
.banquan-foot{ display:none;}
.banquan-foot-m{ display:block;}
.banquan-foot-m .banquan{ width:100%; text-align:center; font-size:12px; color:#ffffff; line-height:25px;}

.banquan-foot-m .ewmicon{ width:100%; margin:0 auto; position:relative; padding-top:15px; text-align:center;}
.banquan-foot-m .ewmicon .icondiv1{ display: inline-block; width:34px; height:34px; background:url(wxicon-n.png) no-repeat 0% 0%;}
.banquan-foot-m .ewmicon .icondiv1:hover{ background:url(wxicon-lv-n.png) no-repeat 0% 0%;}
.banquan-foot-m .ewmicon .ewm{ display:none; position:absolute; bottom:45px; left:calc(50% - 60px);}
.banquan-foot-m .ewmicon:hover .ewm{ display:block;}

}




/*列表页顶部图片*/
.list-bannerbg{width:100%; max-height:450px; overflow:hidden; z-index:0; margin:0 auto; position:relative;}
.list-bannerbg img{width:100%; max-width:100%;}



/*列表页左侧导航*/
.conbox{  position:relative; width:100%; max-width:1400px; min-height:400px; margin:0 auto; }
.conbox .con-left{ float:left; width:23%; height:auto; min-height:300px; padding-bottom:50px; margin-right:4%;  }
.conbox .con-left-m{ display:none;}/*移动端列表页栏目隐藏*/
.conbox .nav-path-m{ display:none;}

.lanmu_yiji{ width:100%; background-color:#3A4674;  height:90px; padding:15px 0; margin-top:-120px; margin-bottom:30px;  color:#ffffff; text-indent:20px; }
.lanmu_yiji h1{ font-size:27px; line-height:50px; letter-spacing:2px; }
.lanmu_yiji .nav-path{ line-height:20px; height:40px; font-size:13px; color:#BFCFFF; padding-left:10px; padding-right:10px; }
.lanmu_yiji .nav-path a{ color:#BFCFFF; font-size:13px;}
.lanmu_yiji .nav-path em{ padding:0 10px;}

.lanmu_erji{ border-bottom:1px solid #3A4674;}
.lanmu_erji a{display:block; width:100%; height:65px; line-height:65px; background-color:#ffffff; font-size:18px; text-indent:20px; }
.lanmu_erji a:hover{  background-color:#3A4674; color:#ffffff;  }
.lanmu_erji a.xuanzhong{ background-color:#3A4674; color:#ffffff;  }
.lanmu_erji .lanmu_sanji a{ height:50px; line-height:50px; font-size:16px;  text-indent:50px;  }
.lanmu_erji .lanmu_sanji a.xuanzhong{ background:url(dot2-n.png) #f9f9f9 no-repeat 90% 50%; color:#3A4674; font-weight:700;}


/************************英文列表页左侧导航2023.3.9*/


.lanmu_erji_en{ border-bottom:1px solid #3A4674;}
.lanmu_erji_en a{display:block; width:90%; padding:0 5%; line-height:60px; background-color:#ffffff; font-size:16px; }
.lanmu_erji_en a p{ display:inline-block; vertical-align:middle; line-height:18px;}
.lanmu_erji_en a:hover{  background-color:#3A4674; color:#ffffff;  }
.lanmu_erji_en a.xuanzhong{ background-color:#3A4674; color:#ffffff;  }
.lanmu_erji_en .lanmu_sanji a{ height:50px; line-height:50px; font-size:16px;  text-indent:50px;  }
.lanmu_erji_en .lanmu_sanji a.xuanzhong{ background:url(dot2-n.png) #f9f9f9 no-repeat 90% 50%; color:#3A4674; font-weight:700;}

/*列表页右侧文字列表*/
.conbox .con-right{ float:left; width:73%; margin-top:30px; margin-bottom:80px; }
.conbox .con-right .liebiao{ display:block; font-size:0;}
.conbox .con-right .liebiao a{ display:block; height:60px; line-height:60px; border-bottom:1px solid #eeeeee; }
.conbox .con-right .liebiao li{ display:inline-block; float:left;}
.conbox .con-right .liebiao .riqi{ float:right; width:15%; height:60px; line-height:60px; font-size:16px; text-align:right;  color:#999999; }
.conbox .con-right .liebiao .biaoti{ float:left; width:80%;  height:60px; line-height:60px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.conbox .con-right .liebiao a:hover{box-shadow: 0px 15px 24px -12px rgba(0, 0, 0, 0.64);cursor: pointer; color:#3A4674; font-weight:700;  border-bottom:1px solid #3A4674; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}

/*08月22日修改师资队伍页面*/
.conbox .con-right-jiaoshi{ width:100%; margin:30px auto;}
.jiaoshi_menu{ background-color:#3A4674; color:#ffffff; text-align:center; line-height:45px; font-size:22px;}
.js_liebiao{ margin:30px 10px;}
.js_liebiao h3{ font-size:18px; color:#3A4674; line-height:35px;}
.js_liebiao a{ display:inline-block; padding:5px 10px 5px 0px;}

@media screen and (max-width:1200px){/*移动端展示*/
.conbox{ width:96%; margin-left:2%; margin-right:2%;}
.conbox .con-left{ display:none;}

.conbox .con-left-en{display:none;}

.conbox .con-left-m{ display:block;  background-color: #f1f1f1;}
.conbox .nav-path-m{ display:block; background-color:#60688B; padding-left:10px; line-height:30px; color:#ffffff; font-size:14px; border-top:1px solid #3A4674; border-bottom:1px solid #3A4674;}
.conbox .nav-path-m a{ line-height:30px; color:#ffffff; font-size:14px;}
.conbox .con-right{ float:left; width:100%; margin-top:30px; margin-bottom:80px; }
.conbox .con-right .liebiao .riqi{ float:right; width:22%; height:60px; line-height:60px; font-size:15px; text-align:right;  color:#999999; }
.conbox .con-right .liebiao .biaoti{ float:left; width:75%;  height:60px; line-height:60px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; }



/*列表页移动端左侧栏目导航*/
.con-left-m h2{ margin-top:10px; font-size:20px; height:50px; line-height:50px; color:#3A4674; padding-left:15px; }


.sliding-menu { overflow: hidden; position: relative; }
.sliding-menu ul { float: left; margin: 0; }
.sliding-menu li { list-style: none; margin: 0; }
.sliding-menu a { display: block; height:50px; line-height:50px; padding-left:15px; border-bottom:1px solid #ddd;}
.sliding-menu a:hover { background:#3A4674; color: #FFF; }
.sliding-menu a.dqlanmu{ background:#3A4674; color: #FFF; }
.sliding-menu a.nav:before { content: '\3009'; float: right; margin-left: 1em; }
.sliding-menu a.back { background: #60688B; color: #FFF; }
.sliding-menu a.back:before { content: '\3008'; float: left; margin-right: 1em; }

}


/*教学大纲列表页*/
.dagang{ margin-left:-5%;}
.dagang li{ display: block; float:left;  height:60px; line-height:60px; width:20%; margin-left:5%; margin-top:30px;}
.dagang li a{ display:block; width:100%; text-align:center; height:60px; line-height:60px; box-shadow: 0 0 20px rgba(0,0,0,0.15);
    background: #fff;
    }
.dagang li a:hover{transition: all 0.6s ease-out 0s; box-shadow: 0 0 20px rgba(0,0,0,0.35); font-weight:700;}	

/*详情页*/

.list-boxbg{ width:100%; height:auto; background:url(bodybg-n.png) no-repeat 0% 0%; } 

.detail-path{ height:65px; line-height:65px; background-color:#ffffff; margin-top:-65px;}
.detail-path{ font-size:13px; padding-left:40px;}
.detail-path a{ font-size:13px; }
.detail-path em{ padding:0 10px;}

.neirong-box{ padding:50px 100px;}
.neirong-box .title{ text-align:center; font-size:32px; color:#3A4674; margin-bottom:20px;}
.neirong-box .shijian{ font-size:14px; color:#697B8C; text-align:center;  border-bottom: 1px solid #f2f2f2; margin-bottom:50px; padding-bottom:20px;}
.neirong-box .neirong{line-height:35px;}



@media screen and (max-width:1200px){/*移动端展示*/

.dagang{ margin-left:-4%;}
.dagang li{ display: block; float:left;  height:60px; line-height:60px; width:22%; margin-left:4%; margin-top:30px;}
.dagang li a{ font-size:16px;}

.detail-path{ height:auto; line-height:20px; padding:10px 0; padding-left:0; background-color:#ffffff; margin-top:0; border-bottom:1px solid #dddddd;}
.neirong-box{ padding:30px 10px;}
.neirong-box .title{ text-align:center; font-size:22px; color:#3A4674; margin-bottom:20px;}
.neirong-box .shijian{ font-size:13px; color:#697B8C; text-align:center;  border-bottom: 1px solid #f2f2f2; margin-bottom:30px; padding-bottom:20px;}
.neirong-box .neirong{line-height:35px; font-size:16px;}

}

@media screen and (max-width:800px){/*移动端展示*/

.dagang{ margin-left:-2%;}
.dagang li{ display: block; float:left;  height:60px; line-height:60px; width:31%; margin-left:2%; margin-top:30px;}
.dagang li a{ font-size:15px;}
}

@media screen and (max-width:600px){/*移动端展示*/

.dagang{ margin-left:-5%;}
.dagang li{ display: block; float:left;  height:60px; line-height:60px; width:45%; margin-left:5%; margin-top:30px;}

}
/*师资队伍列表*/
.shizi-list{ padding:50px 0px;}
.shizi-list a{ display:inline-block; float:left; width:12%; height:50px; line-height:50px; text-align:center; background-color:#f5f5f5;  border-top:3px solid #f5f5f5; border-bottom:3px solid #f5f5f5;  margin-left:2%; margin-bottom:30px;}
.shizi-list a:hover{ color:#ffffff; background-color:#3A4674; border-top:3px solid #BFCFFF; border-bottom:3px solid #BFCFFF;  transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; font-size:19px;}
/*------------------------------------------------------------------------------------------*/
@media screen and (max-width:600px){/*移动端展示*/
.shizi-list{ padding:30px 0px;}
  .shizi-list a{  width:15%; height:50px; line-height:50px; margin-left:4%; margin-bottom:30px; font-size:16px; } 

.shizi-list a:hover{font-size:17px;}
}
@media screen and (max-width:500px){/*移动端展示*/
.shizi-list{ margin-left:-3%;}
  .shizi-list a{ display:inline-block; float:left; width:30%; height:50px; line-height:50px; text-align:center; background-color:#f5f5f5;  border-top:3px solid #f5f5f5; border-bottom:3px solid #f5f5f5;  margin-left:3%; margin-bottom:30px; font-size:16px; } 

.shizi-list a:hover{ color:#ffffff; background-color:#3A4674; border-top:3px solid #BFCFFF; border-bottom:3px solid #BFCFFF;  transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; font-size:17px;}
}