@charset "utf-8";
body{background-color: #F6F6F6;}
/******内页******/
.inpage-container{min-height: 500px;box-sizing: border-box;padding-bottom: 90px;}
.inpage-container > .w1400{display: flex;justify-content: space-between;}
.inpage-container > .w1400 > .con-l{flex: 0 0 310px;margin-right: 50px;}
.inpage-container > .w1400 > .con-r{flex: 1;overflow: hidden;}
/*面包屑*/
.bread{position: relative;display: inline-block;vertical-align: top;font-size: 14px;line-height: 20px;color: #666;white-space: nowrap;}
.bread .icon{position: absolute;left: 0;top: 0;width: 20px;height: 20px;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMiAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTEgLjQ4TC0uMDEgMTAuN2wxLjAyIDEuMS45OS0uOTJ2OC42Mmg3LjVWMTJoM3Y3LjVIMjB2LTguNjJsLjk5LjkyIDEuMDItMS4xTDExIC40OHptMCAyLjA0bDcuNSA2Ljk3MlYxOEgxNHYtNy41SDhWMThIMy41VjkuNDkyTDExIDIuNTJ6IiBmaWxsPSIjOUY5RjlGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=');background-size: 100% 100%;}
.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: #193C75;}
/*分页*/
.page{padding-top: 50px;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: #193C75;border-color: #193C75;color: #fff;}

/*内页banner*/
.inpage-banner{position: relative;height: 440px;}
.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 .brief{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-image: linear-gradient(90deg,#2254B5,rgba(21,71,150,.5),#2254B5);color: #fff;}
.inpage-banner .brief .w1400{display: flex;align-items: center;}
.inpage-banner .brief .info{width: 80%;}
.inpage-banner .brief .info .tit{margin-bottom: 20px;line-height: 1;}
.inpage-banner .brief .info .txt{max-height: 150px;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
/*内页头部栏*/
.inpage-top-wrap{height: 60px;}
.inpage-top-wrap .w1400{display: flex;justify-content: space-between;align-items: center;}
/*内页标题*/
.inpage-title{margin-bottom: 30px;border-bottom: 1px solid #BDBDBD;}
.inpage-title .name{display: inline-block;vertical-align: top;padding: 20px 0;border-bottom: 2px solid #AEAEAE;line-height: 20px;}
/*首页标题*/
.index-title{position: relative;display: block;margin-bottom: 30px;}
.index-title .cn{position: relative;display: inline-block;vertical-align: top;padding: 15px 50px 15px 0;border-bottom: 2px solid #193C75;font-size: 26px;line-height: 30px;transition: 0.3s;}
.index-title .cn::after{content: "";position: absolute;right: 0;top: 50%;width: 10px;height: 10px;border-top: 1px solid currentColor;border-right: 1px solid currentColor;transform: translate(-50%,-50%) rotate(45deg);}
.index-title .cn .icon{display: inline-block;vertical-align: middle;width: 28px;height: 28px;margin: -.2em .4em 0 0;}
.index-title .cn:hover{transform: translateX(.3em);}

/*纵向导航栏*/
.vertical-nav-box{background-color: #fff;box-shadow: 0 2px 10px rgba(0,0,0,.1);}
.vertical-nav-box .title{display: flex;justify-content: center;align-items: center;height: 66px;background-position: center;background-size: cover;background-repeat: no-repeat;color: #fff;}
/*一级*/
.vertical-nav-box .nav-1st{padding: 15px 20px;}
.vertical-nav-box .nav-1st > li{border-bottom: 1px solid #EDEDED;}
.vertical-nav-box .nav-1st > li > .tit{position: relative;}
.vertical-nav-box .nav-1st > li > .tit .name{position: relative;display: block;padding: 20px 60px 20px 70px;border-radius: 30px;font-size: 18px;line-height: 20px;color: #888;transition: 0.3s;}
.vertical-nav-box .nav-1st > li.has-nav-2nd > .tit .name::before{content: '';position: absolute;left: 30px;top: 50%;width: 14px;height: 14px;margin-top: -7px;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMkU0QzdEIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0wIDBoNHYyLjY2N0gwek01IDBoOHYyLjY2N0g1ek0wIDQuODMzaDRWNy41SDB6TTUgNC44MzNoOFY3LjVINXoiLz48Zz48cGF0aCBkPSJNMCA5LjgzM2g0VjEyLjVIMHpNNSA5LjgzM2g4VjEyLjVINXoiLz48L2c+PC9nPjwvc3ZnPg==');background-size: 100% 100%;}
.vertical-nav-box .nav-1st > li > .tit .fold-btn{position: absolute;right: 30px;top: 50%;width: 20px;height: 20px;margin-top: -10px;color: #ccc;cursor: pointer;transition: 0.3s;}
.vertical-nav-box .nav-1st > li > .tit .fold-btn::after{content: '';position: absolute;left: 50%;top: 50%;width: 40%;height: 40%;border-top: 2px solid currentColor;border-right: 2px solid currentColor;transform: translate(-70%,-50%) rotate(45deg);}
.vertical-nav-box .nav-1st > li > .tit .fold-btn:hover{color: #193C75;}
.vertical-nav-box .nav-1st > li:hover > .tit > .name{color: #193C75;}
.vertical-nav-box .nav-1st > li.on > .tit > .name{color: #193C75;}
.vertical-nav-box .nav-1st > li.on > .tit .fold-btn{color: #193C75;}
.vertical-nav-box .nav-1st > li.open > .tit > .name{color: #193C75;box-shadow: 0 2px 8px rgba(0,0,0,.1);}
.vertical-nav-box .nav-1st > li.open > .tit .fold-btn{color: #193C75;transform: rotate(90deg);}
.vertical-nav-box .nav-1st > li.open .nav-2nd{display: block;}
/*二级*/
.vertical-nav-box .nav-2nd{display: none;padding: 10px 0;}
.vertical-nav-box .nav-2nd > li{}
.vertical-nav-box .nav-2nd > li > a{position: relative;display: block;padding: 5px 60px 5px 70px;font-size: 16px;line-height: 20px;color: #888;transition: 0.3s;}
.vertical-nav-box .nav-2nd > li > a:hover{color: #193C75;}
.vertical-nav-box .nav-2nd > li.on > a{color: #193C75;}

/*新闻详情*/
.news-details-box{min-height: 500px;box-sizing: border-box;padding: 60px 45px;background-color: #fff;box-shadow: 0 2px 10px rgba(0,0,0,.1);}
.news-details-box .title{padding-bottom: 30px;font-size: 24px;line-height: 30px;text-align: center;}
.news-details-box .func-wrap{display: flex;justify-content: space-between;align-items: center;padding: 20px 0;border-top: 1px solid #DCDCDC;border-bottom: 1px solid #DCDCDC;}
.news-details-box .record{line-height: 20px;color: #999;}
.news-details-box .record span{display: inline-block;vertical-align: top;margin-left: 35px;}
.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 .content{padding: 30px 0;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 .other-links{padding-top: 20px;border-top: 1px solid #DCDCDC;}
.news-details-box .other-links .item{margin: 20px 0;font-size: 16px;line-height: 20px;overflow: hidden;}
.news-details-box .other-links .item a{display: block;color: #666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: 0.3s;}
.news-details-box .other-links .item:hover a{color: #193C75;}

/*人物信息列表*/
.person-info-list{font-size: 0;}
.person-info-list li{display: inline-block;vertical-align: top;width: 31.33%;margin: 0 0 4% 3%;font-size: 14px;}
.person-info-list li:nth-child(3n+1){margin-left: 0;}
.person-info-list li a{display: flex;justify-content: space-between;padding: 10px;background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.person-info-list li a .pic{flex: 0 0 130px;margin-right: 15px;overflow: hidden;}
.person-info-list li a .pic em{display: block;padding-top: 138%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.8s;}
.person-info-list li a .info{width: 100%;line-height: 24px;overflow: hidden;}
.person-info-list li a .info .tit1{margin-bottom: 5px;font-weight: bold;color: #193C75;}
.person-info-list li a .info .tit2{font-size: 14px;color: #666;}
.person-info-list li a .info .txt{margin-top: 5px;font-size: 14px;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.person-info-list li a:hover .pic em{transform: scale(1.05);}

/*新闻列表-带图*/
.news-pic-list{}
.news-pic-list li{margin-bottom: 25px;}
.news-pic-list li a{z-index: 1;position: relative;display: flex;justify-content: space-between;padding: 20px 30px;background-color: #fff;box-shadow: 0 2px 10px rgba(0,0,0,.1);overflow: hidden;}
.news-pic-list li a::before{content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 8px;background-color: #193C75;transform: scaleX(0);transform-origin: left;transition: 0.5s;}
.news-pic-list li a::after{content: '';z-index: -1;position: absolute;right: 50px;top: 0;width: 200px;height: 200px;background: url(../images/logo_elem.png) center no-repeat;background-size: contain;opacity: 0;transform: rotate(-25deg);transition: 0.5s;}
.news-pic-list li a .pic{flex: 0 0 260px;margin-right: 25px;overflow: hidden;}
.news-pic-list li a .pic em{display: block;padding-top: 57%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.8s;}
.news-pic-list li a .info{position: relative;width: 100%;padding: 10px 0;overflow: hidden;}
.news-pic-list li a .info .tit{height: 50px;line-height: 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: 0.3s;}
.news-pic-list li a .info .txt{margin-top: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news-pic-list li a .info .date{position: absolute;left: 0;bottom: 10px;color: #666;}
.news-pic-list li a .info .more-btn{position: absolute;right: 0;bottom: 0;padding: 0 1.5em;background-color: #193C75;border-radius: 8px;line-height: 32px;color: #fff;transition: 0.3s;}
.news-pic-list li a:hover::before{transform: scaleX(1);}
.news-pic-list li a:hover::after{opacity: .1;}
.news-pic-list li a:hover .pic em{transform: scale(1.05);}
.news-pic-list li a:hover .info .tit{text-decoration: underline;color: #193C75;}
.news-pic-list li a .info .more-btn:hover{transform: translateY(-5px);}

/*学术活动页*/
.academic-activity-page{background-color: #fff;}
.academic-activity-page .part1{padding: 60px 0 80px;}
.academic-activity-page .part1 .w1400{display: flex;justify-content: space-between;flex-wrap: wrap;}
.academic-activity-page .part1 .w1400 > .con-l{width: 65%;}
.academic-activity-page .part1 .w1400 > .con-r{width: 31%;}
.academic-activity-page .part2{padding: 0 0 90px;}
.academic-activity-page .part2 .w1400{display: flex;justify-content: space-between;flex-wrap: wrap;}
.academic-activity-page .part2 .w1400 > .con-l{width: 65%;}
/*主要新闻轮播*/
.main-news-swiper{position: relative;overflow: hidden;}
.main-news-swiper .swiper-pagination{z-index: 1;bottom: 15px;font-size: 0;}
.main-news-swiper .swiper-pagination .swiper-pagination-bullet{position: relative;width: 8px;height: 8px;margin: 0 5px;background-color: #ccc;border-radius: 4px;opacity: 1;transition: 0.5s;}
.main-news-swiper .swiper-pagination .swiper-pagination-bullet-active{width: 24px;background-color: #193C75;}
.main-news-box{display: block;box-shadow: 0 2px 8px rgba(0,0,0,.1);}
.main-news-box .pic{overflow: hidden;}
.main-news-box .pic em{display: block;padding-top: 60%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.8s;}
.main-news-box .info{padding: 30px;}
.main-news-box .info .tit{color: #193C75;}
.main-news-box .info .date{margin-top: 20px;color: #666;}
.main-news-box:hover .pic em{transform: scale(1.05);}
/*观点列表*/
.meeting-list{}
.meeting-list li{margin-top: 35px;}
.meeting-list li:first-child{margin-top: 0;}
.meeting-list li a{display: flex;justify-content: space-between;align-items: center;}
.meeting-list li a .date{flex: 0 0 80px;margin-right: 20px;text-align: center;box-shadow: 0 2px 8px rgba(0,0,0,.1);}
.meeting-list li a .date .small{height: 30px;background-color: #193C75;line-height: 30px;color: #fff;}
.meeting-list li a .date .big{height: 50px;font-size: 30px;line-height: 50px;font-weight: bold;}
.meeting-list li a .tit{width: 100%;height: 60px;line-height: 30px;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: 0.3s;}
.meeting-list li a:hover .tit{color: #193C75;transform: translateX(.3em);}
/*过往活动列表*/
.past-activity-list{}
.past-activity-list li{padding: 25px 0;margin-bottom: 20px;border-bottom: 1px solid #CFD5E1;}
.past-activity-list li a{display: flex;justify-content: space-between;}
.past-activity-list li a .info{width: 100%;overflow: hidden;}
.past-activity-list li a .info .tit{line-height: 1.5;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: 0.3s;}
.past-activity-list li a .info .txt{height: 48px;margin: 20px 0 25px;line-height: 24px;color: #555;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.past-activity-list li a .info .record{line-height: 1;color: #666;}
.past-activity-list li a .info .record span{margin-right: 1em;}
.past-activity-list li a .pic{flex: 0 0 240px;margin-left: 20px;}
.past-activity-list li a .pic em{display: block;padding-top: 55%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.8s;}
.past-activity-list li a:hover .info .tit{color: #193C75;transform: translateX(.3em);}
.past-activity-list li a:hover .pic em{transform: scale(1.05);}

/*人员详情页*/
.person-details-box{display: flex;justify-content: space-between;width: 100%;}
.person-details-box > .con-l{flex: 0 0 300px;margin-right: 30px;}
.person-details-box > .con-r{width: 100%;overflow: hidden;}
.person-details-box .basic-info{padding: 20px 20px 10px;background-color: #F5F5F5;box-shadow: 0 2px 10px rgba(0,0,0,.1);}
.person-details-box .basic-info .pic{overflow: hidden;}
.person-details-box .basic-info .pic em{display: block;padding-top: 138%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.8s;}
.person-details-box .basic-info .info{padding: 20px;text-align: center;color: #888;}
.person-details-box .basic-info .info .tit1{font-size: 20px;font-weight: bold;color: #193C75;}
.person-details-box .basic-info .info .tit2{margin: 10px 0;}
.person-details-box .basic-info .info .txt{}
.person-details-box .details{line-height: 2;}


/*中屏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;padding: 30px 0;}
	.inpage-container > .w1400 > .con-l{display: none;}
	/*面包屑*/
	.bread{padding: 0 20px 0 25px;font-size: 14px;}
	.bread .icon{top: 2px;width: 16px;height: 16px;}
	/*分页*/
	.page{padding-top: 30px;}
	.page > *{padding: 0 .8em;margin: 0 3px;height: 30px;font-size: 12px;line-height: 28px;}
	
	/*内页banner*/
	.inpage-banner{height: 140px;margin-top: 0;}
	.inpage-banner .brief .info{width: 100%;}
	.inpage-banner .brief .info .tit{font-size: 16px;margin-bottom: 10px;}
	.inpage-banner .brief .info .txt{max-height: 66px;font-size: 13px;line-height: 22px;-webkit-line-clamp: 3;}
	/*内页头部栏*/
	.inpage-top-wrap{display: none;}
	/*内页标题*/
	.inpage-title{margin-bottom: 20px;}
	.inpage-title .name{padding: 0 0 10px;}
	/*首页标题*/
	.index-title{margin-bottom: 20px;}
	.index-title .cn{padding: 8px 25px 8px 0;font-size: 18px;line-height: 20px;}
	.index-title .cn .icon{width: 20px;height: 20px;}
	
	/*新闻详情*/
	.news-details-box{padding: 20px 15px;}
	.news-details-box .title{padding-bottom: 20px;font-size: 17px;line-height: 26px;}
	.news-details-box .func-wrap{padding: 15px 0;flex-wrap: wrap;}
	.news-details-box .func-wrap .share-wrap{display: none;}
	.news-details-box .record{width: 100%;font-size: 13px;text-align: center;}
	.news-details-box .record span{margin-left: 10px;}
	.news-details-box .content{padding: 20px 0;font-size: 15px;}
	.news-details-box .content p{margin-bottom: 10px;}
	.news-details-box .other-links{padding-top: 10px;}
	.news-details-box .other-links .item{margin: 10px 0;font-size: 14px;}
	
	/*人物信息列表*/
	.person-info-list li{width: 100%;margin: 0 0 20px;}
	.person-info-list li a{padding: 15px;}
	.person-info-list li a .pic{flex: 0 0 100px;}
	.person-info-list li a .info .txt{height: 44px;margin-top: 5px;line-height: 22px;-webkit-line-clamp: 2;}
	
	/*新闻列表-带图*/
	.news-pic-list li{margin-bottom: 20px;}
	.news-pic-list li a{padding: 15px;}
	.news-pic-list li a .pic{flex: 0 0 120px;margin-right: 15px;}
	.news-pic-list li a .info{padding: 0;}
	.news-pic-list li a .info .tit{height: 44px;line-height: 22px;}
	.news-pic-list li a .info .date{position: static;margin-top: 5px;}
	.news-pic-list li a .info .more-btn{display: none;}
	
	/*学术活动页*/
	.academic-activity-page .part1{padding: 30px 0;}
	.academic-activity-page .part1 .w1400 > .con-l{width: 100%;}
	.academic-activity-page .part1 .w1400 > .con-r{width: 100%;margin-top: 30px;}
	.academic-activity-page .part2{padding: 0 0 40px;}
	.academic-activity-page .part2 .w1400 > .con-l{width: 100%;}
	/*主要新闻轮播*/
	.main-news-swiper .swiper-pagination{bottom: 5px;}
	.main-news-box .info{padding: 15px;}
	.main-news-box .info .date{margin-top: 10px;}
	/*观点列表*/
	.meeting-list li{margin-top: 20px;}
	.meeting-list li a .date{flex: 0 0 60px;margin-right: 10px;}
	.meeting-list li a .date .small{height: 25px;font-size: 12px;line-height: 25px;}
	.meeting-list li a .date .big{height: 30px;font-size: 20px;line-height: 30px;}
	.meeting-list li a .tit{height: 50px;font-size: 16px;line-height: 25px;}
	/*过往活动列表*/
	.past-activity-list li{padding: 20px 0;margin-bottom: 0;}
	.past-activity-list li a .info .tit{font-size: 16px;}
	.past-activity-list li a .info .txt{display: none;}
	.past-activity-list li a .info .record{margin-top: 15px;}
	.past-activity-list li a .pic{flex: 0 0 120px;margin-left: 10px;}
	
	/*人员详情页*/
	.person-details-box{flex-wrap: wrap;}
	.person-details-box > .con-l{flex: 0 0 80%;margin: 0 auto;}
	.person-details-box > .con-r{margin-top: 20px;}
	.person-details-box .basic-info .info{padding: 10px;font-size: 16px;}
	.person-details-box .basic-info .info .tit1{font-size: 18px;}
	.person-details-box .basic-info .info .tit2{margin: 5px 0;}
	.person-details-box .details{font-size: 16px;}
}