/*dp20240328*/
* {margin:0px; padding:0px;  }
img{ border:0 none; padding:0;}
img:not([src]){opacity:0;}/*img没有src属性时，img标签也不会出现边框了*/
input,button,select,textarea{outline:none} 
textarea{resize:none}
table{border-spacing:0;}
div,ul,li{ list-style-type:none;}
html,body{ min-width:375px; font-size:16px; position: relative; margin:0 auto; color:#111111; font-family:'Microsoft Yahei',"PingFang SC","Helvetica Neue",Georgia,Helvetica,Arial,sans-serif;}

a{color:#111111; font-size:16px; text-decoration:none;  font-family:'Microsoft Yahei',"PingFang SC","Helvetica Neue",Georgia,Helvetica,Arial,sans-serif; }
a:hover{ color:#038AE4;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}


/***************************************首页*****************/

.top{ width:100%; margin:0 auto; background-color:#038AE4;}
.block{ width:94%; max-width:1530px; margin:0 auto;}
.top .logo{ float:left; width:650px;}
.top .logo img{ display:block; padding:30px 0; width:602px; height:78px;}
.top .pcsousuo {
	float:right;
    width: 240px;
    height:40px;
	position:relative;
	margin-top:50px; 
}
.pcsousuo .s-l {
	position:absolute;
	left:0;
	top:0;
  	width: 200px;
	height:40px;
	line-height:40px;
	background-color:#ffffff;
	text-indent:10px;
}
.pcsousuo .s-r {
	position:absolute;
	right:0;
	top:0;
}

/*pc导航*/
.navbox{ width:100%; height:60px; }
#pcnav{ width:100%; margin:0 auto; text-align:center;}
#pcnav, #pcnav ul{height:60px; line-height:60px;z-index:5; position:relative;}
#pcnav .yiji{display:inline-block; height:60px; line-height:60px; position:relative; z-index:20; float:left; width:12.5%;}
#pcnav .yiji a{display:block; height:60px; line-height:60px; width:100%;  text-align:center; font-size:18px;  z-index:35;  }/*一级栏目间距*/
#pcnav .yiji a:hover{ background-color:#eee; color:#038AE4;}
#pcnav .erji{position:absolute; display:none; width:100%; top:60px;}/*二级列表菜单*/
#pcnav .erji a{ padding:0; height:60px; line-height:60px; font-size:1rem; text-align:center; position:relative;}/*二级栏目间距*/
#pcnav .sanji{position:absolute; left:160px;  top:0; width:160px; }		
#pcnav .erji li{background-color:#ffffff; margin-right:0; position:relative;}/*二级菜单样式背景色*/
#pcnav .erji a:hover, #pcnav .erji a:focus{background-color:#038AE4; 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){

}
@media screen and (max-width:1500px){

}

/*------------------------------------------------------手机端顶部开始------------------------------*/
.m_header_box {transition:.6s; display:none; height:4rem; position: relative; z-index: 100000;}
.m_header_box header{padding:0; height:4rem; background-color:#038AE4; 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:269px; height:35px; margin-left:10px;}
.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 { 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:#1592E5; 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: #ffffff; padding: 0; font-size:1.0625rem; 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:14px; color: #ffffff; line-height: 2.5; width:49%; float:left;}

/*移动端搜索*/
.wap_search{ position:relative; font-size:16px; color:#fff; text-align:center; overflow:hidden; display:block; height:40px;  
margin: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(sicon.png) center no-repeat;
    background-size:40px;
	background-position:50% 50%;
}

/*-----------------------------------------------------------------------------end 手机端顶部-----------------------------------------------------------------------------------------------------*/


@media screen and (max-width:1024px){
.top{ display:none;}/*pc顶部不显示*/
.navbox{ display:none;}/*pc导航不显示*/
.m_header_box { display:block;}
}



/*首页大图切换 swiper*/
/*首页大图*/
.swiper1 .swiper-slide img{ width:100%; display:block;}
.swiper-pagination1 .swiper-pagination-bullet{
	width:12px;
    height:12px;
    display: inline-block;
    border-radius: 100%;
    background:none;
	border:2px solid #ffffff;
    opacity:1;}
.swiper-pagination1 .swiper-pagination-bullet-active {
    opacity: 1;
    background: #ffffff;
}	
/*首页内容区开始-----------------------------------------------------------*/
.mainbox{ width:100%; margin:0 auto; height:auto;}
.wp{ width:94%; max-width:1530px; margin:0 auto; padding:50px 10px;}
@media screen and (max-width:1024px){/*移动端开始*/
.wp{ padding:20px 10px; width:94%;}
}
/***************************************************************************************************************************/
.section1{ width:100%; height:auto; background-color:#ffffff;}
/*section1左侧-----------------------------*/
.s1-left{ width:67.75%; float:left;}/*31.6+2.6+31.6*/

/*新闻中心栏目标题*/
.menu{ width:100%; position:relative; height:2rem; margin-bottom:1.5rem;  }
.menu span{ position:absolute; left:0; bottom:0; font-size:26px; width:150px; height:35px; line-height:35px; background:url(icon1.png) no-repeat 0% 70%; text-indent:32px; }
.menu span.icon2{  background:url(icon2.png) no-repeat 0% 70%;  }
.menu span.icon5{  background:url(icon5.png) no-repeat 0% 70%;  }
.menu span.icon6{  background:url(icon6.png) no-repeat 0% 70%;  }
.menu a{ display:inline-block; position:absolute; right:0; width:60px; height:24px; line-height:24px; border:1px solid #888; color:#888; font-size:14px; text-align:center; transition:all 0.2s ease-out 0s;}
.menu a:hover{ border:1px solid #008AE3; background-color:#008AE3; color:#ffffff; transition:all 0.2s ease-out 0s;}
/*新闻中心左侧图片*/
.xw-pic{ width:48%; float:left;}
.swiper2.swiper-container{box-shadow:0 0 5px rgba(0,0,0,0.1) }
.swiper2 .swiper-slide{ position:relative; height:100%; }
.swiper2 .pic {
	height: 330px;
	position: relative;
	overflow: hidden;
}
.swiper2 .pic a{    
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 100%;
	display: block;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;}	
.swiper2 .swiper-slide .txt {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:2rem;
	background:url(black.png) repeat 0% 0%;
	text-align:center;}
.swiper2 .swiper-slide .txt h1{ width:94%; padding-left:3%; padding-right:3%; color:#ffffff; font-size:18px; font-weight:normal; height:2rem; line-height:2rem; overflow:hidden; }	
.swiper2 .pic:hover a{	-webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}				
.swiper2 .swiper-button-next2, .swiper2 .swiper-button-prev2 {
    position: absolute;
    top:50%;
    width:29px;
    height: 29px;
    z-index: 10;
    cursor: pointer;
    background-size: 29px 29px;
    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{ width:48%; float:right;}

.xw-list ul{}
.xw-list ul li{ display:block;}
.xw-list ul li a{ display:block; border-bottom:1px solid #ddd; padding:.5rem 0;}
.xw-list ul li a span{ font-size:15px; color:#888; font-family:"Times New Roman", Times, serif; display:block; line-height:1rem;}
.xw-list ul li a p{ font-size:18px; height:2.2rem; line-height:2.2rem;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.xw-list ul li a:hover p,.xw-list ul li a:hover span{ color:#008AE3;  transition:all 0.2s ease-out 0s; font-weight:700;}
.xw-list ul li:nth-of-type(5) a{ border-bottom:0;}

/*section1右侧-----------------------------*/
.s1-right{ width:29.5%; float:right;}
/*通知公告*/
.ul-list2 li{ display:block;}
.ul-list2 li a{ display:block; height:4rem; margin-bottom:1.5rem; }
.ul-list2 li a:hover{ transition:all 0.2s ease-out 0s; background-color:#f8f8f8; font-weight:700; }
.ul-list2 .time{ float:left; width:4rem;}
.ul-list2 .time b{display:block; width:100%; height:2.2rem; line-height:2.2rem; background-color:#0183E1;  color:#ffffff; text-align:center; font-size:26px; font-family:"Times New Roman", Times, serif; font-weight:normal; }
.ul-list2 .time em{display:block; width:100%; height:1.8rem; line-height:1.8rem; background-color:#80C1F0;  color:#ffffff; text-align:center; font-size:14px; font-family:"Times New Roman", Times, serif; font-style:normal; }
.ul-list2 .name{ float:right; width:calc(100% - 4rem - 1.25rem); line-height:1.5rem; height:3rem; margin-top:.5rem; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:18px;}

@media screen and (max-width:1024px){	
.section1{ margin-top:1rem;}
.s1-left{ width:100%;}
.s1-right{ width:100%; margin-top:3rem; }
}

@media screen and (max-width:800px){
	
	.xw-pic{ width:100%; float:left; overflow:hidden;}	
	.xw-list{ width:100%; }
	.ul-list1 .time{width:8%;}

}
@media screen and (max-width:500px){
		.swiper2 .pic {
			height: 20rem;
			position: relative;
			overflow: hidden;
		}
	
}
@media screen and (max-width:420px){
		.swiper2 .pic {
			height: 17rem;
			position: relative;
			overflow: hidden;
		}
	
	.menu span{font-size:1.5rem; }
}


/*首页工作动态 银龄风采 岁月钩沉--------------------------------------------*/
.section2{ width:100%; height:auto; background-color:#E6F3FC; padding:20px 0;}
.s2-left{ float:left; width:32.5%; margin-right:2.75%; }
.s2-center{ float:left; width:32.5%; }
.s2-right{ float:right; width:29.5%; }

.menu1{ width:100%; position:relative; height:2rem; margin-bottom:1.5rem;  }
.menu1 span{ position:absolute; left:0; bottom:0; font-size:26px; width:150px; height:35px; line-height:35px; background:url(icon1.png) no-repeat 0% 70%; text-indent:32px; }
.menu1 span.icon3{ background:url(icon3.png) no-repeat 0% 70%;  }
.menu1 a{ display:inline-block; position:absolute; right:0; width:40px; height:24px; line-height:24px; border:0; color:#0183E1; font-size:14px; text-align:center; transition:all 0.2s ease-out 0s;}
.menu1 a:hover{ border:1px solid #008AE3; background-color:#008AE3; color:#ffffff; transition:all 0.2s ease-out 0s;}
/*工作动态列表*/
.list1-item{ width:100%;  height:3.75rem; border-bottom:1px solid #80C1F0; }
.list1-item .sj{ float:right; width:20%; text-align:right; height:3.75rem; line-height:3.75rem; color:#888;  font-size:16px; font-family:"Times New Roman", Times, serif; }
.list1-item .text{ float:left; width:80%; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; height:3.75rem; line-height:3.75rem; font-size:18px;  text-indent:1.2rem; background:url(dot1.png) no-repeat 0% 50%;}
.list1-item a{display: block; height:3.75rem; position:relative; transition:all 0.2s;}
.list1-item a:hover .sj{ color:#008AE3;}
.list1-item a:hover .text{color:#008AE3; font-weight:700; background:url(dot1.png) no-repeat 5px 50%; transition:all 0.2s;}
/*岁月*/
.suiyue{ background-color:#ffffff; box-shadow:0 0 10px rgba(0,0,0,0.1); padding:25px 30px 15px; margin-top:40px;}
.swiper3 .swiper-slide{ position:relative; height:100%; }
.swiper3 .pic {
	height: 220px;
	position: relative;
	overflow: hidden;
}
.swiper3 .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;}	
.swiper3 .swiper-slide .txt {
	width:100%;
	height:2rem;
	background-color:#ffffff;
	text-align:center;}
.swiper3 .swiper-slide .txt h1{ width:94%; padding-left:3%; padding-right:3%; font-size:17px; font-weight:normal; height:2rem; line-height:2rem; overflow:hidden; }				

.swiper-pagination3 .swiper-pagination-bullet{
	width:11px;
    height:11px;
    display: inline-block;
    border-radius: 100%;
    background:none;
	border:1px solid #ffffff;
    opacity:1;}
.swiper-pagination3 .swiper-pagination-bullet-active {
    opacity: 1;
    background: #ffffff;
}
.swiper3.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 40px;
    left: 0;
    width: 100%;
}	
@media screen and (max-width:1024px){	
	.s2-left{ float:left; width:48%; margin-right:4%; }
	.s2-center{ float:right; width:48%; }
	.s2-right{ float:right; width:100%; margin-top:60px; }
	.suiyue{ margin-top:0;}
}
@media screen and (max-width:800px){	
	.s2-left{ float:left; width:100%; margin-right:0%; }
	.s2-center{ float:right; width:100%;  margin-top:60px;}
	
}

/*精彩瞬间--------------*/
.section3{ width:100%; height:auto; padding-top:20px; margin:0 auto;}
.swiper-container.swiper4{ margin-top:30px;  }
.swiper4 .item, .swiper4 .item a{
	position:relative;
	height:12rem;
	display:block;}
.swiper4 .item .pic {	
	position:relative; 
	width: 100%;
	height:12rem;
	overflow: hidden;
	margin: 0 auto;
	background-color:#ffffff;}
.swiper4 .item .pic img {
	 position:absolute; 
	 left:0; 
	 top:0; 
	 width:100%!important; 	
height:100%;
	-webkit-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s;}		
.swiper4 .item .txt {
	display:none;
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	background-color:rgba(3,138,228,0.9);
	}
.swiper4 .item .txt h4{
	font-weight:normal;
	color:#ffffff;
	padding: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;}
.swiper4 .item:hover img{transform: scale(1.1);}
.swiper4 .item:hover .txt{ display:block;}
.swiper4.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: linear;    /*之前是ease-out*/
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  margin: 0 auto;
}

/*友情链接--------------*/
.section4{ width:100%; height:auto; margin:0 auto;}
.section4 .wp{ padding:0;}


.link_list {
    display: flex; margin-top:30px;
}
.link_opt {
    position: absolute;
    top: 45px;
    width: 100%;
    background-color: #fff;
    left: 0;
    opacity: 0;
    transition: 1s;
    display: flex;
    flex-direction: column;
    padding: 0 20px;
    box-sizing: border-box;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.14);
    z-index: 2;
    font-size: 14px;
}
.link_opt a {
    line-height: 32px;
    border-bottom: 1px solid #efefef;
}
.link_item:hover .link_opt {
    opacity: 1;
}
.link_item {
    position: relative;
    width: 50%;
    height: 44px;
    background: #fff;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    box-sizing: border-box;
    margin-right: 30px;
}
.link_item p {
    font-size: 16px;
    color: #333333;
    line-height: 20px;
    margin: 0 4px;
}
.link_item img {
    width: 14px;
    height:8px;
}
@media screen and (max-width:1024px){	
	.section4{ margin-top:30px;}
}
@media screen and (max-width:800px){	
.link_list{ display:block;}
	.link_item { width:100%; margin-right:0; margin-bottom:20px;}
}

/*底部版权*/
.footer{ width:100%; margin:0 auto; background:url(footbg.jpg) no-repeat 50% 100%; background-size:cover;  margin-top:5rem; text-align:center;}
.footer .foot-logo{ padding-top:20px;}
.footer .foot-logo img{ width:400px;}
.footer .contact{ margin-top:20px; padding-bottom:50px;}
.footer .contact p{ font-size:1rem; line-height:2; color:#ffffff;}

@media screen and (max-width:1024px){	
	.footer{ margin-top:3rem;}
	.footer .foot-logo img{ width:269px;}
	.footer .contact p{ font-size:14px; line-height:1.5rem; color:#ffffff;}

}


/*------------------------------------------文字列表页-------------------------------------------------------------------------------------*/
.listimg{ width:100%; position:relative; margin:0 auto;}
.listimg img{ width:100%; display:block;}

.subpage{margin:0 auto; min-height:20rem; }
.sub_left{ width:20rem; float:left;}
.sub_right{ width:calc(100% - 20rem - 3rem); float:right;}
.sub_con{ padding:10px; min-height:30rem;}
.msub-box{ display:none;}/*移动端侧边导航*/

/*pc左侧导航*/

.side-nav{ padding:1rem; background-color:#F2F9FD;}
.side-nav .nav-name{ background:url(navbg.jpg) no-repeat 100% 100%; height:6rem; line-height:6rem; color:#ffffff; font-size:1.5rem; padding-left:1.5rem;}
.side-nav .nav-box{ border-bottom:1px solid #CCE6F9; }
.side-nav .p-yiji a{ position:relative; display:block; font-size:1.125rem; line-height:1.125rem; padding:1.5rem 1.5rem;}
.side-nav .p-yiji a:hover{color:#008AE3; font-weight:700; background:url(arr-blue.png) no-repeat 90% 50%;}
.side-nav .p-yiji a.xuanzhong1 { color:#008AE3; font-weight:700;  background:url(arr-blue.png) no-repeat 90% 50%;}
.side-nav .p-yijibox{display:none;  padding-left:2rem;}
.side-nav .p-yijibox a{ position:relative; display:block; font-size:1rem; line-height:1rem; padding:1rem;}
.side-nav .p-yijibox a.xuanzhong{ color:#008AE3; font-weight:700; }


.lujing{ width:100%; position:relative;  height:4rem;  border-bottom:1px solid #ddd;}
.lujing h4{ display:inline-block; font-size:1.125rem; line-height:4rem;  color:#038AE4;}
.weizhi{ position:absolute; right:0; top:0; line-height:4rem; background:url(weizhi_icon.png) no-repeat 0% 50%;}
.weizhi, .weizhi a{ color:#888; font-size:0.875rem; font-weight:normal; margin:0 .2rem;}

/*列表页文字列表*/
.ul-list li { border-bottom:1px solid #eee ;}
.ul-list li .a { display: flex; height: 5rem; align-items: center;}
.ul-list li .a .time {  width:6rem; padding: 0 .5rem; font-size: 1rem; color: #666; display: flex; align-items: center; position: relative; z-index: 1; font-family: "Times New Roman", Times, serif;}
.ul-list li .a .time:before {
    content: "";
    position: absolute;
    right: 0;
    width: 1px;
    height: 1rem;
    background: #80C1F0;
}
.ul-list li .a .time img {  margin: 0 .5rem 0 0; height:6px; vertical-align: middle;}
.ul-list li h4 {  flex: 1; padding: 0 0 0 1rem; font-size: 1.0625rem; font-weight: normal; line-height: 1.75; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ul-list li .a:hover .time{ color:#038AE4;}
.ul-list li .a:hover h4{ color:#038AE4; font-weight:700;}


@media screen and (max-width:1024px){/*移动端开始*/

.sub_left{ display:none;}
.side-nav{ display:none;}
.sub_right{ width:100%;}
.sub_con{ }

/*移动端列表页二级导航*/
.msub-box{ display:block; margin-bottom:1.5rem;}
.msub-nav{ width:100%; background-color:#1592E5; 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 dotted #ddd; float:left; width:48%; margin-right:4%; }
.msub-list li:nth-of-type(2n+2){ margin-right:0;}
.msub-list li a{ font-size:16px;}
.msub-list li a:hover{ color:#1592E5; 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:#1592E5; font-weight:600;}

.ul-list li h4 {  line-height: 1.5; font-size:1rem;}

}
@media screen and (max-width:640px){	
.weizhi{ display:none;}
}
/*-------------------------------------------------------------内容页详情-------------------------------*/
.nr-box {
    margin: 0 auto;
    max-width: 1000px;
}
.nr-box .nr-title{ font-size:1.5rem; padding:2rem 0; text-align:center; font-weight:700;}
.nr-box .nr-time{ font-size:0.875rem; color:#999999;  font-family: 'bebasregular'; text-align:center; font-weight:normal;}
.nr-box .nr-article{ font-size:1.125rem !important; line-height:2.5 !important; margin:3rem 0;}
.nr-box .nr-article img{ max-width:800px; text-indent:0; text-align:center;}
.shangyitiao, .xiayitiao, .shangyitiao a, .xiayitiao a{ font-size:1rem; color:#666;}
.shangyitiao{ margin-top:3rem; margin-bottom:1rem;}
.xiayitiao{margin-bottom:2rem;}
/*----------------------------------单页------------------------------------------------------------------------*/
.danye-title{font-size: 1.5rem;  font-weight: bold; padding:2rem 0; text-align:center;}
    
.danye-nr p{  font-size:18px; line-height:2.5;}
.danye-nr p img{ max-width:800px; text-align:center; margin:0 auto;}
@media screen and (max-width:1024px){
	.nr-box .nr-article img{ max-width:100% !important; height: auto !important; text-indent:0; text-align:center;}
	
	.danye-title{ font-size:1.25rem; text-align:center; margin-top:2rem; margin-bottom:2rem;}
	.danye-nr{ padding:0; font-size:1rem;}
	.danye-nr p img {max-width:100% !important; height:auto !important;}
}
@media screen and (max-width:640px){
	.danye-title{ font-size:1.25rem; margin-top:1rem; margin-bottom:1rem;}
	.danye-nr{ font-size:1rem; }
	.danye-nr p{font-size:1rem; }
}


/*--------------------------------------图片列表页  岁月钩沉*/
.row-item{
	display:block;
	width: calc(25%);
    position: relative;
	max-height:400px;
	overflow:hidden;
	float:left;
	margin-top:40px;}
.row-item .pic-item{
	display:block;
	margin:0 10px;
	overflow:hidden;
	}
.pic-item .pic-img{ height:160px; overflow:hidden; background-color:#efefef;}	
.pic-item .pic-img img{
	width:100%;
	height:auto;
	-webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s;  transition: .3s;
	overflow:hidden;
	}	
.pic-item .pic-con{
	padding: 18px 25px;
    background-color: #fafafa;}
.pic-item .pic-con h2{
	font-size: 16px;
	font-weight:normal;
    line-height: 1.6;
    height: 3.2em;
    overflow: hidden;}	
.pic-item:hover .pic-img img{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);}	


@media screen and (max-width:1440px){
	.row-item{width: calc(33.33333333%);}
	.pic-item .pic-img{ height:200px; }
	}
@media screen and (max-width:1280px){
	.pic-item .pic-img{ height:150px; }
	}
@media screen and (max-width:1024px){
	.pic-item .pic-img{ height:200px; }
	}			
@media screen and (max-width:800px){
	.row-item{width: calc(50%);}
	}
@media screen and (max-width:480px){
	.row-item{width: calc(100%);}
	.pic-item .pic-img{ height:200px;}
	.pic-item .pic-con h2{
	font-size: 16px;
	font-weight:normal;
    line-height: 1.6;
    height: 1.6em;
    overflow: hidden;}	
	}




/*--------------------------------------图片列表页  社团协会-风采展示*/
.row-item1{
	display:block;
	width: calc(50%);
    position: relative;
	height:auto;
	float:left;
	margin-top:40px;}
.row-item1 .pic-item1{
	display:block;
	margin:0 10px;
	overflow:hidden;
}
.pic-item1 .pic-img1{
	width:100%;
	height:0;
	padding-top:66.67%;
	overflow:hidden;
	position:relative;
	background-color:#efefef;
}	
.pic-item1 .pic-img1 img{
	position:absolute; 
	left:0; 
	top:0; 
	right:0; 
	bottom:0; 
	width:100%; 
	height:100%; 
	object-fit: contain;
	border:none;
}	
@media screen and (max-width:600px){
	.row-item1{width: calc(100%);}
}


/*搜索结果*/
 .ss-box{}
 .ss-box .nojieguo{ font-size:18px; line-height:2; color:#444;}
 .ss-box .nojieguo b{ color:#008AE3;}
 .ul-sousuo{}
 .ul-sousuo li{ margin-top:20px;}
 .ul-sousuo li a{ display:block; width:100%; font-size:16px; line-height:2rem; verflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
  .ul-sousuo li b{ font-weight:normal; font-size:16px; color:#999;}	
	