/*dp20240328*/
* {margin:0px; padding:0px;  }
img{ border:0 none; padding:0;}
input,button,select,textarea{outline:none} 
textarea{resize:none}
table{border-spacing:0;}
div,ul,li{ list-style-type:none;}
html,body{ font-size:16px; position: relative; margin:0 auto; color:#202020; font-family:'Microsoft Yahei',"PingFang SC","Helvetica Neue",Georgia,Helvetica,Arial,sans-serif;}
@media screen and (max-width:600px){
html,body{ font-size:14px;}
}
a{	color:#202020; text-decoration:none;  font-family:'Microsoft Yahei',"PingFang SC","Helvetica Neue",Georgia,Helvetica,Arial,sans-serif; }
a:hover{ color:#17459A;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
a,.transition,:before,img {
    -webkit-transition: All .5s ease;
    transition: All .5s ease;
}
@font-face {
    font-family: 'bebasregular';
    src: url('fonts/bebas.eot');
    src: url('fonts/bebas.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebas.woff2') format('woff2'),
         url('fonts/bebas.woff') format('woff'),
         url('fonts/bebas.ttf') format('truetype'),
         url('fonts/bebas.svg#bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/***************************************首页*****************/
.block{ width:100rem; max-width:94%; margin:0 auto; }	/*宽度*/

.top{ width:100rem; max-width:94%; margin:0 auto; height:120px; font-size:0;}
.top li{ display:inline-block; font-size:12px; }
.top .link, .top .sousuo{ width:25%;  }
.top .link{ }
.top .link a{ font-size:12px; color:#666666; background:url(arrow-grey.png) no-repeat 80% 50%; margin-right:20px; padding-right:10px;}
.top .link a:hover{ color:#17459A; background:url(arrow-grey.png) no-repeat 90% 50%;}
.top .logo{ width:50%; text-align:center; padding-top:30px;  }
.top .logo img{ vertical-align:middle; width:328px; height:57px;}
.top .sousuo{ text-align:right; }


.pcsousuo {
    width: 200px;
    height: 30px;
    border: 1px solid #b2b2b2;
    border-radius: 50px;
    margin-top: 17px;
}
.pcsousuo .s-l {
    margin-left: 10px;
	width: 160px;
    padding-top: 8px;
border:0;
}
.pcsousuo .s-r {
    float: right;
    margin-right: 10px;
    padding-top: 8px;
}


@media screen and (max-width:1280px){
.top .logo{ width:44%; }
.top .link, .top .sousuo{ width:28%;  }
}
/*pc导航*/
.navbox{ width:100%; height:50px; border-top:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5;}
#pcnav{ width:100%; margin:0 auto; text-align:center;}
#pcnav, #pcnav ul{height:50px; line-height:50px;z-index:5; position:relative;}
#pcnav .yiji{display:inline-block; height:50px; line-height:50px;  margin-right:-4px;/*去掉li间的空白*/ position:relative; z-index:20;}
#pcnav .yiji a{display:block; height:50px; line-height:50px; width:80px;  padding:0 40px; border-left:1px solid #f5f5f5;  text-decoration:none; text-align:center; font-size:16px; color:#174499;  z-index:35;  }/*一级栏目间距*/
#pcnav .yiji:first-child{ border-left:0;}
#pcnav ul a{line-height:40px; font-size:16px; }/*2级和3级栏目高度*/
#pcnav ul{position:absolute; display:none; width:160px; top:50px;}/*二级列表菜单*/
#pcnav .erji a{ width:160px; padding:0; height:40px; line-height:40px; font-size:16px; text-align:center; color:#3A4674; border-left:0;}/*二级栏目间距*/
#pcnav .sanji{left:185px; top:0px;}		
#pcnav a:hover,  #pcnav a:focus, #pcnav a.xuanzhong{color:#fff; background:url(navbg.jpg) no-repeat 0% 0%;}
#pcnav .erji li{background-color:#ffffff; margin-right:0;}/*二级菜单样式背景色*/
#pcnav .erji a:hover, #pcnav .erji a:focus{background:none; background-color:#323B8B; 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;}



/*------------------------------------------------------手机端顶部开始------------------------------*/
.m_header_box {transition:.6s; display:none; height:4rem; position: relative; z-index: 100000;}
.m_header_box header{padding: 0 0 0 15px; height:4rem; background-color:#ffffff; position: fixed; top:0; left:0; right:0; z-index:100; display:flex; justify-content:space-between; align-items:center; }
.m_header_box header #logo img{width:184px; height:32px;}
.m_header_box header #logo{padding:0; width: 100%;}
nav {
    box-sizing: border-box;/*很重要，不加这句点开手机导航按钮，最下面的链接看不到，无法继续滚动*/
}
#m_nav .list1 li .a{ color: #fff}

/*手机端顶部导航按钮开始*/
#nav_btn_box.on { background: none; }
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before {/* background: #fff; */}
#nav_btn_box{position:relative; width:5rem; height:4rem; display:flex; align-items: center; justify-content: center; z-index: 1; min-width:5rem;}
#nav_btn_box:before{content:"";position: absolute;z-index: -1;top: 0;right: 0;bottom: 0;left: 0;background: #17459A;}
#nav_btn_box:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: -7px;
    border-right: #17459A 7px solid;
    border-bottom: transparent 4rem solid;
}
#nav_btn { cursor: pointer; text-align: center; z-index: 99999; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; outline: none; box-shadow: none; }

#nav_btn .point {display:inline-block; width:2rem; height:18px; position:relative; outline:none;}
#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before {width: 100%;}
#nav_btn .navbtn {position: absolute;top: 50%;left: 0;display: inline-block;width: 100%;height: 2px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;margin-top: -1px;}
#nav_btn .navbtn::after, #nav_btn .navbtn::before {position: absolute;left: 0;display: inline-block;width: 100%;height: 2px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;}
#nav_btn .navbtn::after {top: -8px;}
#nav_btn .navbtn::before {top: 8px;}
#nav_btn .point.on .navbtn {background: transparent;}
#nav_btn .point.on .navbtn::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; }
#nav_btn .point.on .navbtn::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; }

.m_nav_list {flex-direction: column;/* justify-content: center; */width: 100%;height: 100%;overflow: auto;align-items: center;display: flex;background: rgba(255,255,255,.1);}
.m_nav_list::-webkit-scrollbar { display:none}

#m_nav {z-index:99999; position:fixed; width:100%; height:100vh;  top:0;  padding:4rem 0; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; display: block; background: #17459A; background-size:cover; opacity: 0; visibility: hidden; -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); overflow: hidden; overflow-y: scroll;}
#m_nav .close{position:absolute;top: 7px;right: 15px;left: 15px;font-size: 30px;color: #333;z-index: 10000;/* background: rgba(255,255,255,.1); */width: auto;height: 35px;border-radius: 0;display: flex;align-items: center;justify-content: flex-end;padding: 0 0;}
#m_nav.act {pointer-events: auto;right: 0;opacity: 1;visibility: visible;}
#m_nav .list1{justify-content: center;}

.list_box_nav_mobile{width:100%; padding: 0 0 10px; margin: 0;/* flex: 1; */}
.list_box_nav_mobile>li{width: 100%;overflow: hidden;padding: 0;position: relative;margin: 0 auto;}
.list_box_nav_mobile>li .con{ position:relative; padding-left:1rem;}
.list_box_nav_mobile>li .a{width: 100%; border-bottom: 1px solid rgba(255,255,255,.15); line-height:4rem; color: rgba(255,255,255,.8); padding: 0; font-size:1.125rem; display: flex; position: relative; transition:.5s;}
.list_box_nav_mobile>li i{opacity: 1; filter: alpha(opacity=100);  width:4rem; height:4rem; display: inline-block; background: url(arr-down.png) center no-repeat; background-size: 15px 15px !important; position: absolute; display: block; right:1rem; top: 0;}
.list_box_nav_mobile>li.on1 i{ background: url(arr-r.png) center no-repeat; background-size: 15px 15px !important;}

.list_box_nav_mobile>li.on .a{color: rgba(255,255,255,1);}

/*三级导航 开始*/
.list_box_nav_mobile>li .list{padding:10px;border-bottom: 1px solid rgba(255, 255, 255, 0.1); display:none}
.list_box_nav_mobile>li .list a{display:block;font-size:13px; color: rgba(255,255,255,.6); line-height: 2.5;}

/*移动端搜索*/
.wap_search{ font-size:16px; color:#fff; text-align:center; overflow:hidden; display:block; height:40px;  padding:1rem;}
.wap_search form{position:relative;  display:block;  height:40px;}
.wap_search .input {
	float: left;
    font-size:14px;
    color:#444;
    height:40px;
    line-height:40px;
    background: #fff;
	border:0;
    width: calc(100% - 40px);}
.wap_search .btn_blue {
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 0;
    background: url(ss.png) center no-repeat #4569AD;
    background-size:18px;
	background-position:50% 50%;
}
/*移动端顶部链接*/
.wap_link{ padding:1rem; color:#ffffff; text-align:center;}
.wap_link a{ font-size:0.875rem; color:#ffffff; background:url(arrow-white.png) no-repeat 80% 50%; margin-right:20px; padding-right:30px;}
.wap_link a:hover{ color:#ffffff; background:url(arrow-white.png) no-repeat 90% 50%;}
/*-----------------------------------------------------------------------------end 手机端顶部-----------------------------------------------------------------------------------------------------*/





@media screen and (max-width:1560px){
#pcnav .yiji a{padding:0 30px;  }/*一级栏目间距*/
#pcnav ul{position:absolute; display:none; width:140px; top:50px;}
#pcnav .erji a{padding:0; width:140px; font-size:15px;  }
}
@media screen and (max-width:1360px){
#pcnav .yiji a{padding:0 10px;  }/*一级栏目间距*/
#pcnav ul{position:absolute; display:none; width:140px; top:50px; left:-20px;}
#pcnav .erji a{padding:0; width:140px; font-size:15px;  }
}

@media screen and (max-width:1024px){
.top{ display:none;}/*pc顶部不显示*/
.navbox{ display:none;}/*pc导航不显示*/
.m_header_box { display:block;}
}

/*首页大图*/
.swiper1 .swiper-slide img{ width:100%; display:block;}
.swiper-pagination1 .swiper-pagination-bullet{
	width:14px;
    height:14px;
    display: inline-block;
    border-radius: 100%;
    background:none;
	border:2px solid #ffffff;
    opacity:1;}
.swiper-pagination1 .swiper-pagination-bullet-active {
    opacity: 1;
    background: #ffffff;
}



/*首页新闻动态 通知公告-----------------------------------------------------------*/
.homea{ width:100%; background-color:#fafafa; padding-bottom:2rem;}

.wp{ width:100rem; padding:0; margin:0 auto; max-width:94%;}

@media screen and (max-width:1200px){
.wp{ width:100%; margin:0 auto;}
}
.homea .aleft{ width:70%; float:left; background-color:#ffffff; }
.aleft .aleft-box{ padding:20px;}
/*栏目菜单*/
.menu1{ width:100%; position:relative; height:2rem; margin-bottom:2rem; }
.menu1 h3{ font-size:1.75rem; font-weight:normal; position:absolute; left:0; top:0;}
.menu1 a{ position:absolute; right:0; top:0; display:block; width:35px; height:26px; background:url(arrow1.png) #35539F no-repeat 50% 50%; transition:all 0.5s ease-out 0s;}
.menu1 a:hover{ background:url(arrow1.png) #35539F no-repeat 100% 50%;  transition:all 0.5s ease-out 0s;}

/*首页新闻动态图片切换*/
.swiper2{ float:left; width:50%; height:25rem;}
.swiper2 .swiper-slide{ position:relative; height:100%; }
.swiper2 .pic {
	height: 25rem;
	position: relative;
	overflow: hidden;
}
.swiper2 .pic a{    
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height:22.5rem;
	display: block;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;}	
.swiper2 .swiper-slide .txt {
	position:absolute;
	bottom:0;
	left:2rem;
	right:2rem;
	width:calc(100% - 4rem);
	height:5rem;
	background-color:#fafafa;
	text-align:center;}
.swiper2 .swiper-slide .txt h1{ padding:1rem 2rem; font-size:1.0625rem; font-weight:normal; height:3rem; line-height:1.5rem; overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical; }				
.swiper2 .swiper-button-next2, .swiper2 .swiper-button-prev2 {
    position: absolute;
    top:45%;
    width: 30px;
    height: 50px;
    z-index: 10;
    cursor: pointer;
    background-size: 30px 50px;
    background-position: center;
    background-repeat: no-repeat;}
.swiper2 .swiper-button-next2, .swiper2.swiper-container-rtl .swiper-button-prev2 {
    background-image: url(arrow-l.png);
    left: 10px;
    right: auto;}
.swiper2 .swiper-button-prev2, .swiper2.swiper-container-rtl .swiper-button-next2 {
    background-image: url(arrow-r.png);
    left: auto;
    right: 10px;}
	
/*首页新闻动态列表------------------------------------------------------------------*/
.xw-list{ float:right; width:50%;}
.xw-list ul{ margin-left:20px;}
.xw-list ul li{ display:block;}
.xw-list ul li a{ display:block; height:5rem; border-bottom:1px solid #D7DDEC;}
.xw-list ul li a span{ font-size:.875rem; color:#35539F; font-family: 'bebasregular'; display:block; line-height:2rem; padding-top:.5rem;}
.xw-list ul li a p{ font-size:1.0625rem; height:2rem; line-height:2rem;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.xw-list ul li a:hover{ border-bottom:1px solid #17459A;}
.xw-list ul li a:hover p,.xw-list ul li a:hover span{ text-indent:1rem;  transition:all 0.5s ease-out 0s;}


/*首页通知公告列表----------------------------------------------------------------------*/
.homea .aright{ width:27.5%; float:right;  background-color:#ffffff;}
.aright .aright-box{ padding:20px;}
.tz-list ul{}
.tz-list ul li{ display:block;}
.tz-list ul li a{ display:block; height:5rem; border-bottom:1px solid #D7DDEC;}
.tz-list ul li a span{ font-size:.875rem; color:#35539F; font-family: 'bebasregular'; display:block; line-height:2rem; padding-top:.5rem;}
.tz-list ul li a p{ font-size:1.0625rem; height:2rem; line-height:2rem;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tz-list ul li a:hover{ border-bottom:1px solid #17459A;}
.tz-list ul li a:hover p,.xw-list ul li a:hover span{ text-indent:1rem;  transition:all 0.5s ease-out 0s;}

@media screen and (max-width:1024px){
.homea .aleft{ width:100%;}
.homea .aright{ width:100%;}
}
@media screen and (max-width:900px){
.swiper2{ width:100%;}
.xw-list{ width:100%;}
.xw-list ul { margin-left:0;}
}
@media screen and (max-width:600px){
.swiper2{ height:20rem;}
.swiper2 .pic {
	height: 20rem;}
.swiper2 .pic a{    
	height:18rem;}	
}
@media screen and (max-width:460px){
.swiper2{ height:16rem;}
.swiper2 .pic {
	height:16rem;}
.swiper2 .pic a{    
	height:14rem;}	
.swiper2 .swiper-slide .txt {
	position:absolute;
	bottom:0;
	left:.5rem;
	right:.5rem;
	width:calc(100% - 1rem);
	height:5rem;
	background-color:#fafafa;
	text-align:center;}
}


/*----------------------------------首页校友服务-------------------------------------------------------*/
.homeb{ background:url(indexbg1.jpg) 50% 0%; background-size:cover;  padding:1rem 0 2rem;}
.xyfw{ padding:0 20px 20px; background-color:#ffffff;}
.menu2{ width:100%; position:relative; height:2rem; margin-bottom:2rem; font-size:1.75rem; text-align:center; }

.swiper-container.swiper3{ margin-top:2rem; padding-bottom:1.5rem;}
.swiper3 .item {
	text-align: center;
	position:relative;
	transition:all 0.5s;}
.swiper3 .item .icon {	
	position:relative;
	height:5rem;}
.swiper3 .item .icon1{background:url(icon1.png) #35539F no-repeat 50% 50%;}
.swiper3 .item .icon2{background:url(icon2.png) #35539F no-repeat 50% 50%;}
.swiper3 .item .icon3{background:url(icon3.png) #35539F no-repeat 50% 50%;}
.swiper3 .item .icon4{background:url(icon4.png) #35539F no-repeat 50% 50%;}
.swiper3 .item .icon5{background:url(icon5.png) #35539F no-repeat 50% 50%;}
.swiper3 .item .icon6{background:url(icon6.png) #35539F no-repeat 50% 50%;}
.swiper3 .item .icon7{background:url(icon7.png) #35539F no-repeat 50% 50%;}
.swiper3 .item:hover{  transition:all 0.5s;}
.swiper3 .item:hover .icon1{ background:url(icon1.png) #C70B2E no-repeat 50% 50%;}
.swiper3 .item:hover .icon2{ background:url(icon2.png) #C70B2E no-repeat 50% 50%;}
.swiper3 .item:hover .icon3{ background:url(icon3.png) #C70B2E no-repeat 50% 50%;}
.swiper3 .item:hover .icon4{ background:url(icon4.png) #C70B2E no-repeat 50% 50%;}
.swiper3 .item:hover .icon5{ background:url(icon5.png) #C70B2E no-repeat 50% 50%;}
.swiper3 .item:hover .icon6{ background:url(icon6.png) #C70B2E no-repeat 50% 50%;}
.swiper3 .item:hover .icon7{ background:url(icon7.png) #C70B2E no-repeat 50% 50%;}
.swiper3 .item .txt{ height:3rem; line-height:1.5rem; margin-top:1rem;}
.swiper3 .item:hover .txt{ color:#C70B2E; font-weight:700;}
.swiper-pagination3 .swiper-pagination-bullet {
	width: 11px;
	height: 11px;
	display: inline-block;
	border-radius: 100%;
	background: #ffffff;
	opacity:1;
	border:1px solid #35539F;}
.swiper-pagination3 .swiper-pagination-bullet-active {
	opacity: 1;
	background: #35539F;}

/*校友服务二维码*/
.erweima{ background:url(mabg.png) no-repeat 50% 100%; padding-bottom:1rem;}
.erweima ul li{ display:inline-block; width:33.3333%; text-align:center; float:left;}
.erweima-box{ position:relative; padding:2rem; height:154px;}
.erweima-box .ma-img{ float:left; width:154px; height:154px; margin-right:20px;}
.erweima-box .ma-info{ float:left; text-align:center; margin:0 auto; margin-top:30px;}
.erweima-box .ma-info h4{ color:#35539F; font-size:1.0625rem; margin-bottom:10px;}
.erweima-box .ma-info p{ font-size:1rem;  margin-bottom:10px;}
.erweima-box .ma-info i{ display:block; width:8rem; height:1.5rem; line-height:1.5rem; margin:0 auto; border-radius:15px; text-align:center; background-color:#35539F; color:#ffffff; font-size:.875rem; font-style:normal;}

@media screen and (max-width:1600px){
.erweima-box{ padding:2rem 0;}
}
@media screen and (max-width:1360px){
.erweima-box{ height:130px;}
.erweima-box .ma-img{ float:left; width:130px; height:130px; margin-right:20px;}
.erweima-box .ma-img img{ width:130px;}
}
@media screen and (max-width:1300px){
.erweima-box{ height:auto;}
.erweima-box .ma-img{ width:100%; margin-right:0;}
.erweima-box .ma-info{ width:100%; margin-top:10px;}
}
@media screen and (max-width:560px){
.erweima-box{ padding:1rem 0;}
.erweima ul li{ width:100%; }
}

/*------------------------------首页校友风采----------------------------------------------------------------------------*/
.xyfc{ padding:20px; background-color:#ffffff;}
.swiper-container.swiper4{ padding-bottom:4rem; margin-top:2rem; }
.swiper4 .item, .swiper4 .item a{
	position:relative;
	height:18rem;
	display:block;}
.swiper4 .item .pic {	
	position:relative; 
	width: 100%;
	height:15rem;
	overflow: hidden;
	margin: 0 auto;
	background-color:#ffffff;}
.swiper4 .item .pic img {
	 position:absolute; 
	 left:0; 
	 top:0; 
	 width:100%!important; 	
	-webkit-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s;}		
.swiper4 .item .txt {
	position:absolute;
	left:2rem;
	right:2rem;
	bottom:0;
	width:calc(100% - 4rem);
	height:3rem;
	padding:1rem 0;
	background-color:#35539F;

}
.swiper4 .item .txt h4{
	font-weight:normal;
	color:#ffffff;
	padding:0 2rem;
	height: 3rem;
	line-height: 1.5rem;
	word-wrap: break-word;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;}
.swiper-pagination4 .swiper-pagination-bullet {
	width: 11px;
	height: 11px;
	display: inline-block;
	border-radius: 100%;
	background: #ffffff;
	opacity:1;
	border:1px solid #35539F;}
.swiper-pagination4 .swiper-pagination-bullet-active {
	opacity: 1;
	background: #35539F;}
.swiper4 .item:hover img{transform: scale(1.1);}
.swiper4 .item:hover .txt{ background-color:rgb(53,83,159,1);}

@media screen and (max-width:1440px){
.swiper-container.swiper4{ padding-bottom:2rem; }
.swiper4 .item .txt {
	bottom:2rem;}
}
@media screen and (max-width:1024px){
.swiper-container.swiper4{ padding-bottom:0; }
.swiper4 .item .txt {
	bottom:4rem;}
}
@media screen and (max-width:1024px){
.swiper-container.swiper4{ padding-bottom:2rem; }
.swiper4 .item .txt {
	bottom:2rem;}
}
@media screen and (max-width:680px){
.swiper-container.swiper4{ padding-bottom:0; }
.swiper4 .item .txt {
	bottom:4rem;}
}
@media screen and (max-width:500px){
.swiper4 .item .txt {
	position:absolute;
	left:0;
	right:0;
	bottom:4rem;
	width:100%;}
.swiper4 .item .txt h4{
	padding:0 .5rem;}
}
@media screen and (max-width:500px){
.swiper-container.swiper4{ padding-bottom:4rem; }
.swiper4 .item .txt {
	position:absolute;
	left:1rem;
	right:1rem;
	bottom:0;
	width:calc(100% - 2rem);}
.swiper4 .item .txt h4{
	padding:0 1rem;}
}

/*底部-------------------------------------------------------------------------------*/
.footer-wrap{ width:100%; background:url(foot-line.png) no-repeat 50% 0%;}
.footer{width:100rem; padding:2rem 0; margin:0 auto; max-width:94%;}
.footer .footer-left{ float:left; width:30%;}
.footer .footer-left img{ width:20rem; height:auto;}
.footer .footer-right{ float:right; width:65%; text-align:right;}
.footer .footer-right .banquan{ font-size:0.875rem; color:#666666; line-height:2;}
@media screen and (max-width:1200px){
.footer{ padding:2rem 0;}
.footer .footer-left{ width:100%; text-align:center;}
.footer .footer-right.banquan{ line-height:2; margin-top:0; margin-bottom:1rem;}
.footer .footer-right{ width:100%; text-align:center;}
}
@media screen and (max-width:500px){
.footer .footer-left img{ width:14rem; height:auto;}
}

/*------------------------------------------文字列表页-------------------------------------------------------------------------------------*/
.listimg{ width:100%; position:relative; margin:0 auto;}
.listimg img{ width:100%; display:block;}

.subpage{ width:100%; min-height:20rem; background:#F8F9FC; padding:2rem 0;}
.sub_left{ width:20rem; float:left;}
.sub_right{ width:calc(100% - 20rem - 3rem); float:right;}
.sub_con{ background-color:#ffffff; padding:3rem;  min-height:30rem;}
.msub-box{ display:none;}/*移动端侧边导航*/

/*pc左侧导航*/

.side-nav{ width:100%;  min-height:5rem; background:url(left-bg1.png) #ffffff no-repeat 50% 100%; padding-bottom:2rem;  border-left:0.125rem solid #eee; padding-left:1rem; margin-bottom:5rem;}
.side-nav .nav-name{ background:url(menu1bg.jpg) no-repeat 0% 0%; height:6rem; line-height:6rem; color:#ffffff; font-size:1.5rem; padding-left:1.5rem;}
.side-nav .nav-box{    border-bottom:1px solid #eee; }
.side-nav .p-yiji{ color:#A318B8; font-size:1.5rem; height:4rem; line-height:4rem;}
.side-nav .p-yiji a{ position:relative; display:block; font-size:1.25rem; line-height:1.25rem; padding:1.5rem 1.5rem;}
.side-nav .p-yiji a.xuanzhong1 {
    color: #36539F;
    font-weight: 600;
}
.side-nav .p-yiji a.xuanzhong{ color:#36539F; font-weight:600;}
.side-nav .p-yiji a.xuanzhong:before{    
	content: "";
    display: block;
    position: absolute;
    left: -1rem;
    top: 55%;
    width: 0.3rem;
    height: 1.5rem;
    background: #36539F;
    opacity:1;
    margin-top: -1rem;}
.side-nav .p-yijibox{display:none;  padding-left:2rem;}
.side-nav .p-yijibox a{ position:relative; display:block; font-size:1.125rem; line-height:1.125rem; padding:1.5rem 1.5rem;}
.side-nav .p-yijibox a.xuanzhong{ color:#36539F; font-weight:600;}
.side-nav .p-yijibox a.xuanzhong:before{    
	content: "";
    display: block;
    position: absolute;
    left: -3rem;
    top: 55%;
    width: 0.3rem;
    height:1.5rem;
    background: #36539F;
    opacity:1;
    margin-top: -1rem;}





.lujing{ width:100%;  height:3rem; line-height:3rem; border-bottom:1px solid #eee; background:url(weizhi_icon.png) no-repeat 0% 50%; text-indent:2rem;}
.weizhi, .weizhi a{ color:#999; font-size:0.875rem; font-weight:normal;}

/*列表页文字列表*/
.ul-list{ }
.ul-list li{ display:block; padding:20px 10px; border-bottom:1px solid #e8e8e8; transition:all 0.3s ease-out 0s;}
.ul-list li a{ display:block; height:auto;  transition:all 0.3s ease-out 0s;}
.ul-list .time{ float:left; width:80px; height:62px;  text-align:left; padding-top:10px;}
.ul-list .time b{ width:100%; font-size:1.75rem; color:#17459A;  font-weight:normal; font-family: 'bebasregular';}
.ul-list .time p{ width:100%; color:#999;  font-size:0.875rem;  font-family: 'bebasregular';  }
.ul-list .name{ float:right; width:calc(100% - 125px); padding-right:30px; line-height:60px; height:60px; margin-top:6px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; font-size:1.0625rem;}
.ul-list li:hover{box-shadow: 0px 8px 0.35rem rgba(0,0,0,0.1); border-bottom:1px solid #17459A; background-color:#ffffff; transition:all 0.3s ease-out 0s;}
.ul-list li:hover a .time{  transition:all 0.3s ease-out 0s;}
.ul-list li:hover a .name{ color:#17459A;}



@media screen and (max-width:1024px){/*移动端开始*/
.sub_left{ display:none;}
.side-nav{ display:none;}
.sub_right{ width:100%;}
.sub_con{ background-color:#ffffff; padding:1rem;}

/*移动端列表页二级导航*/
.msub-box{ display:block; margin:1.5rem 0;}
.msub-nav{ width:100%; background:url(xwdtbg.png) no-repeat 0% 50%; height:3.5rem; line-height:3.5rem; position:relative;}	

.msub-nav span{ color:#ffffff; font-size:1.125rem; margin-left:1rem;}
.msub-nav .mmenubtn{ position:absolute; right:1rem; color:#ffffff; font-size:1.5rem;}
.msub-list{ padding:0 1rem 2rem;  }
.msub-list{ display:none;}
.msub-list li{ padding:1rem 0; border-bottom:1px dashed #ddd;}
.msub-list li a{ font-size:1.125rem;}
.msub-list li a:hover{ color:#17459A; font-weight:600;}
.msub-list li .msub-san a{ display:inline-block; width:32%; height:1rem; padding:1rem 0; text-align:left; font-size:1rem;}
.msub-list li .msub-san a.active{ color:#17459A; font-weight:600;}

}
@media screen and (max-width:600px){
.ul-list li{ padding:10px;}
.ul-list .time{ width:60px   }
.ul-list .name{width:calc(100% - 70px); padding-right:0; }
}

/*-------------------------------------------------------------内容页详情-------------------------------*/
.nr-box {
    margin: 0 auto;
    max-width: 1000px;
}
.nr-box .nr-title{ font-size:1.5rem; padding:2rem 0 1rem; text-align:center;}
.nr-box .nr-time{ font-size:0.875rem; color:#999999;  font-family: 'bebasregular'; text-align:center; font-weight:normal; margin-bottom:2rem;}
.nr-box .nr-article{ font-size:1.125rem !important; line-height:2.5 !important; margin:3rem 0;}
.nr-box .nr-article img{ max-width:100% !important; height: auto !important; text-indent:0; text-align:center;}

.shangyitiao, .xiayitiao, .shangyitiao a, .xiayitiao a{ font-size:1rem; color:#35539F;}
.shangyitiao{ margin-top:3rem; margin-bottom:1rem;}
.xiayitiao{margin-bottom:2rem;}

/*校友服务页面*/
.page-wp{ background-color:#ffffff; width:100rem; margin:0 auto; max-width:94%;}
.page-box{ padding:3rem;}
@media screen and (max-width:1024px){
.page-box{ padding:1rem;}
}
.xyfw-box li{margin:3rem 1.5rem; width: calc(25% - 3rem);  float: left;}
.xyfw-box .xypic a{    
	display: block;
	width:100%; 
	height:12.75rem;
    position: relative;
    overflow: hidden;
}
.xyfw-box .xypic a img{ display:block; width:100%; height:100%; object-fit:cover;  cursor: pointer; transition: all 0.5s;}
.xyfw-box .xypic a:hover img {
    transform: scale(1.1);
}
.xyfw-box .xypic a .title{    
	position: absolute;
    left: 0;
    top:2rem;
    z-index: 10;
    background: url(xyfwbg1.png) no-repeat right center;
    display: inline-block;
	width:14rem;
    font-size: 1.0625rem;
    height:4rem;
	line-height:4rem;
    color: #fff;
	padding-left:1rem;}
@media screen and (max-width:1280px){
.xyfw-box li{ margin:1.5rem; width: calc(33.3333% - 3rem);}
}
@media screen and (max-width:1024px){
.xyfw-box li{ margin:1rem; width: calc(33.3333% - 2rem);}
}
@media screen and (max-width:800px){
.xyfw-box li{ margin:1rem; width: calc(50% - 2rem);}
}
@media screen and (max-width:480px){
.xyfw-box li{ margin:1rem 0; width: 100%;}
.xyfw-box .xypic a{ height:14rem;}
}

/*-------------校友风采--------------------*/
.xyfc-box li{margin:1.5rem; width: calc(33.3333% - 3rem);  float: left;}
.xyfc-box .item, .xyfc-box .item a{
	position:relative;
	height:16rem;
	display:block;}
.xyfc-box .item .pic {	
	position:relative; 
	width: 100%;
	height:15rem;
	overflow: hidden;
	margin: 0 auto;
	background-color:#ffffff;}
.xyfc-box .item .pic img {
	 position:absolute; 
	 left:0; 
	 top:0; 
	 width:100%!important; 	
	-webkit-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s;}		
.xyfc-box .item .txt {
	position:absolute;
	left:2rem;
	right:2rem;
	bottom:0;
	width:calc(100% - 4rem);
	height:3rem;
	padding:1rem 0;
	background-color:#35539F;}
.xyfc-box .item .txt h4{
	font-weight:normal;
	color:#ffffff;
	padding:0 2rem;
	height: 3rem;
	line-height: 1.5rem;
	word-wrap: break-word;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;}
.xyfc-box .item:hover img{transform: scale(1.1);}
.xyfc-box .item:hover .txt{ background-color;#35539F;}

@media screen and (max-width:1600px){
.xyfc-box li { margin:.5rem;  width: calc(33.3333% - 1rem); }
.xyfc-box .item, .xyfc-box .item a{
	height:13rem;}
.xyfc-box .item .pic {	
	height:12rem;}
}
@media screen and (max-width:1360px){
.xyfc-box .item .txt {
	left: 1rem;
    right: 1rem;
    bottom: 0;
    width: calc(100% - 2rem);}
}
@media screen and (max-width:1280px){
.xyfc-box li { margin:1rem;  width: calc(50% - 2rem); }
.xyfc-box .item, .xyfc-box .item a{
	height:16rem;}
.xyfc-box .item .pic {	
	height:14rem;}
}
@media screen and (max-width:1200px){
.xyfc-box .item, .xyfc-box .item a{
	height:13rem;}
.xyfc-box .item .pic {	
	height:12.5rem;}

}
@media screen and (max-width:1024px){
.xyfc-box .item, .xyfc-box .item a{
	height:18rem;}
.xyfc-box .item .pic {	
	height:16rem;}
}
@media screen and (max-width:800px){
.xyfc-box .item, .xyfc-box .item a{
	height:14rem;}
.xyfc-box .item .pic {	
	height:12rem;}
}
@media screen and (max-width:500px){
.xyfc-box .item, .xyfc-box .item a{
	height:12rem;}
.xyfc-box .item .pic {	
	height:10rem;}
}
@media screen and (max-width:440px){
.xyfc-box li { margin:1rem 0;  width:100%; }
.xyfc-box .item, .xyfc-box .item a{
	height:18rem;}
.xyfc-box .item .pic {	
	height:16rem;}
}

/*历史沿革*/
.lsyg-box{ margin-top:2rem;}
.lsyg-box .lsyg-info p{
    font-size: 1rem;
    line-height: 2;
    text-indent: 2em;
    margin-bottom: 2rem;}
.lsyg {
	border-left: 1px solid #17459A;
	padding-left: 1rem;
	margin-bottom: 3rem;
}
.lsyg td.f {
	font-size:1.125rem;
	line-height:2rem;
	display: block;
	color: #17459A;
	font-family: arial;
	word-wrap: normal;
	width: 5rem;
}
.lsyg td {
	padding: 0.4rem 0;
	font-size: 1.0625rem;
	color: #212121;
	line-height: 2rem;
}
.lsyg td b {
	margin: 0 0.1rem;
}