@charset "utf-8";
/******内页******/
.inpage-container{min-height: 500px;}
.inpage-container .w1200{display: flex;justify-content: space-between;margin-bottom: 20px;background-color: #fff;box-shadow: 1px 1px 1px 1px rgba(0,0,0,.2);}
.inpage-container .w1200 > .con-l{flex: 1;box-sizing: border-box;padding: 20px 20px 40px;overflow: hidden;}
.inpage-container .w1200 > .con-r{width: 250px;min-height: 500px;box-sizing: border-box;padding: 20px;}
/*面包屑*/
.bread{position: relative;display: inline-block;vertical-align: top;line-height: 20px;color: #666;white-space: nowrap;}
.bread .icon{display: inline-block;vertical-align: middle;width: 16px;height: 16px;margin: -.25em .2em 0 0;}
.bread a{position: relative;display: inline-block;vertical-align: top;margin: 0 4px;color: #666;transition: 0.3s;}
.bread a:nth-of-type(1){margin-left: 0;}
.bread a.on,.bread a:hover{color: #0B6159;}
/*分页*/
.page{padding-top: 30px;font-size: 0;text-align: center;}
.page > *{height: 40px;display: inline-block;box-sizing: border-box;padding: 0 1.1em;margin: 0 5px;background-color: #fff;border: 1px solid #e6e6e6;font-size: 14px;line-height: 40px;color: #333;transition: 0.3s;}
.page input{width: 60px;text-align: center;}
.page .no-border{padding: 0 .5em;border-color: transparent;}
.page > a.on,.page > a:hover{background-color: #0B6159;border-color: #0B6159;color: #fff;}

/*内页banner*/
.inpage-banner{position: relative;height: 400px;}
.inpage-banner .bg{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-position: center;background-size: cover;background-repeat: no-repeat;}
.inpage-banner .bg::after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-image: linear-gradient(180deg,rgba(0,0,0,.8),rgba(0,0,0,.1));}
.inpage-banner .title{position: absolute;left: 0;right: 0;top: 30%;}
.inpage-banner .title .name{font-size: 36px;line-height: 1;color: #fff;}

/*纵向导航栏*/
.vertical-nav-box{position: relative;}
.vertical-nav-box .title{border-bottom: 1px solid #ccc;line-height: 40px;font-weight: bold;}
/*一级*/
.vertical-nav-box .nav-1st{}
.vertical-nav-box .nav-1st > li{margin-top: 5px;}
.vertical-nav-box .nav-1st > li > a{position: relative;display: block;padding: 10px;border-bottom: 1px solid #ccc;line-height: 20px;transition: 0.5s;}
.vertical-nav-box .nav-1st > li > a:hover{background-color: #0B6159;color: #fff;}
.vertical-nav-box .nav-1st > li.on > a{background-color: #0B6159;color: #fff;}

/*标题*/
.inpage-title{position: relative;margin-bottom: 20px;border-bottom: 1px solid #ccc;line-height: 46px;}
.inpage-title .name{position: relative;display: inline-block;vertical-align: top;font-size: 18px;font-weight: bold;color: #0B6159;}
.inpage-title .name::after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 2px;background-color: #f00;}
.inpage-title .name .icon{display: inline-block;vertical-align: middle;width: 20px;height: 20px;margin: -.25em .6em 0 0;}
.inpage-title .bread{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}

/*新闻详情*/
.news-details-box{min-height: 500px;box-sizing: border-box;padding: 20px;}
.news-details-box .title{padding-bottom: 30px;margin-bottom: 20px;border-bottom: 1px dotted #ccc;font-size: 30px;color: #257C73;}
.news-details-box .record{padding: 20px 0;margin-bottom: 20px;border-bottom: 1px dotted #ccc;line-height: 20px;color: #777;}
.news-details-box .record span{display: inline-block;vertical-align: top;margin: 0 10px;}
.news-details-box .record span:first-child{margin-left: 0;}
.news-details-box .record span .icon{display: inline-block;vertical-align: middle;width: 16px;height: 16px;margin: -.25em .4em 0 0;}
.news-details-box .share-wrap .item .icon{filter: none;}
.news-details-box .share-wrap .weixin-btn{border-color: #00C800;}
.news-details-box .share-wrap .weibo-btn{border-color: #F5AA16;}
.news-details-box .share-wrap .qq-btn{border-color: #FF3D00;}
.news-details-box .content{font-size: 16px;line-height: 2;}
.news-details-box .content p{margin-bottom: 20px;}
.news-details-box .content em{font-style: italic;}
.news-details-box .jump-wrap{display: flex;justify-content: space-between;flex-wrap: wrap;padding-top: 40px;margin-top: 20px;border-top: 1px solid #E3E3E3;}
.news-details-box .jump-wrap .btn{font-size: 16px;line-height: 30px;color: #666;max-width: 330px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: 0.3s;}
.news-details-box .jump-wrap .btn .icon{display: inline-block;vertical-align: middle;width: 20px;height: 20px;margin: -.25em .4em 0 0;}
.news-details-box .jump-wrap .btn:hover{color: #0B6159;}

/*人物信息列表*/
.person-info-list{font-size: 0;}
.person-info-list li{display: inline-block;vertical-align: top;width: 23%;margin: 0 1% 2%;font-size: 14px;}
.person-info-list li a{display: block;padding: 10px;box-shadow: 1px 1px 1px 1px rgba(0,0,0,.2);}
.person-info-list li .pic{overflow: hidden;}
.person-info-list li .pic em{display: block;padding-top: 150%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.8s;}
.person-info-list li .info{padding: 10px 0;line-height: 20px;text-align: center;}
.person-info-list li .info .tit{font-weight: bold;transition: 0.3s;}
.person-info-list li .info .txt{}
.person-info-list li .info .txt p{margin-top: 10px;}
.person-info-list li a:hover .pic em{transform: scale(1.05);}
.person-info-list li a:hover .tit{color: #0B6159;}

/*新闻列表-文字*/
.news-text-list{}
.news-text-list li a{position: relative;display: block;padding: 0 100px 0 15px;border-bottom: 1px dotted #ccc;line-height: 40px;}
.news-text-list li a::before{content: '';position: absolute;left: 0;top: 50%;width: 4px;height: 4px;margin-top: -2px;background-color: currentColor;border-radius: 50%;}
.news-text-list li:first-child a{border-top: 0;}
.news-text-list li .tit{position: relative;display: inline-block;vertical-align: top;max-width: 100%;box-sizing: border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: 0.3s;}
.news-text-list li .tit .icon{position: absolute;right: 0;top: 50%;transform: translateY(-100%);}
.news-text-list li .date{position: absolute;right: 0;top: 0;color: #999;}
.news-text-list li a:hover .tit{text-decoration: underline;color: #0B6159;transform: translateX(.3em);}


/*中屏PC:<=1440px(针对1366*650)*/
@media screen and (max-width: 1440px){
	
}

/*小屏PC:>=1025px && <=1300px*/
@media screen and (max-width: 1300px){
	
}

/*pad横屏:1024px*/
@media screen and (max-width: 1024px){
	
}

/*phone:<=768px*/
@media screen and (max-width: 768px){
	/******内页******/
	.inpage-container{min-height: 300px;}
	.inpage-container .w1200{padding: 10px;box-shadow: none;}
	.inpage-container .w1200 > .con-l{padding: 0;}
	.inpage-container .w1200 > .con-r{display: none;}
	/*面包屑*/
	.bread{margin-top: 10px;font-size: 14px;}
	.bread .icon{display: none;}
	/*分页*/
	.page{padding-top: 30px;}
	.page > *{padding: 0 .8em;margin: 0 3px;height: 30px;font-size: 12px;line-height: 28px;}
	
	/*内页banner*/
	.inpage-banner{height: 120px;}
	.inpage-banner .title{top: 40%;}
	.inpage-banner .title .name{font-size: 20px;}
	
	/*标题*/
	.inpage-title{margin-bottom: 15px;line-height: 40px;}
	.inpage-title .bread{display: none;}
	
	/*新闻详情*/
	.news-details-box{padding: 0;}
	.news-details-box .title{margin-bottom: 10px;font-size: 20px;}
	.news-details-box .record{padding: 10px 0;margin-bottom: 10px;font-size: 13px;}
	.news-details-box .record span{margin: 0 3px;}
	.news-details-box .content{font-size: 15px;}
	.news-details-box .content p{margin-bottom: 10px;}
	.news-details-box .jump-wrap{padding-top: 10px;margin-top: 0;}
	.news-details-box .jump-wrap .btn{width: 100%;max-width: none;font-size: 14px;}
	
	/*人物信息列表*/
	.person-info-list li{width: 46%;margin: 0 2% 20px;}
	.person-info-list li a{padding: 0;}
	.person-info-list li .info{padding: 10px 0;}
	.person-info-list li .info .txt p{margin-top: 5px;}
	
	/*新闻列表-文字*/
	.news-text-list li a{padding: 0 60px 0 15px;}
}