@charset "utf-8";
/*黑色遮罩层*/
.black-layer{display: none;z-index: 10;position: fixed;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.6);}
.black-layer-header{z-index: 3;}
/*弹窗-视频*/
.popup-video{display: none;z-index: 11;position: fixed;left: 50%;top: 50%;width: 90%;max-width: 1000px;transform: translate(-50%,-50%);}
.popup-video .close-btn{z-index: 1;position: absolute;right: 0;top: 0;width: 40px;height: 40px;background-color: #009ADC;font-size: 40px;text-align: center;line-height: 32px;color: #fff;cursor: pointer;}
.popup-video video{width: 100%;}

/*专题页*/
.topic-container{min-height: 500px;}
/*标题*/
.topic-title{margin-bottom: 40px;text-align: center;}
.topic-title .name{display: inline-block;vertical-align: top;font-size: 32px;line-height: 1;font-weight: bold;text-transform: capitalize;background-image: linear-gradient(60deg,#DB1575 20%,#3099DC 80%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
/*简介*/
.topic-container .brief{font-size: 20px;text-align: center;color: #001A87;}
.topic-container .brief span{margin: 0 .8em;}
/*布局*/
.topic-container .part1{padding: 80px 0;background-color: #fff;}
.topic-container .part2{padding: 80px 0 100px;background: url(../images/zhuanti/topic_page_part_bg1.jpg) center no-repeat;background-size: cover;}
.topic-container .part3{padding: 80px 0;background: url(../images/zhuanti/topic_page_part_bg2.jpg) center no-repeat;background-size: cover;}
.topic-container .part4{padding: 80px 0;background-color: #fff;}
.topic-container .part5{padding: 80px 0;background: url(../images/zhuanti/topic_page_part_bg3.jpg) center no-repeat;background-size: cover;}

/*预热视频区*/
.preheat-video-box{cursor: pointer;}
.preheat-video-box .pic{position: relative;overflow: hidden;}
.preheat-video-box .pic::after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 160px;height: 160px;margin: auto;background-image: url(../images/zhuanti/icon_play_white.svg);background-size: 100% 100%;opacity: .6;transition: 0.3s;}
.preheat-video-box .pic em{display: block;padding-top: 58%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.5s;}
.preheat-video-box:hover .pic::after{transform: scale(1.2);}

/*领导信息列表*/
.leader-info-list{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 120px;}
.leader-info-list li{width: 48%;}
.leader-info-list li a{display: flex;align-items: center;background-color: #fff;box-shadow: 0 2px 20px rgba(3,154,220,.2);transition: 0.3s;}
.leader-info-list li .pic{flex: 0 0 230px;overflow: hidden;}
.leader-info-list li .pic em{display: block;padding-top: 131%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.5s;}
.leader-info-list li .info{flex: 1;overflow: hidden;padding: 30px;font-size: 16px;line-height: 20px;}
.leader-info-list li .info .name{font-size: 26px;color: #666;transition: 0.3s;}
.leader-info-list li .info .tit{position: relative;padding-top: 30px;margin-top: 30px;font-size: 20px;color: #666;}
.leader-info-list li .info .tit::before{content: '';position: absolute;left: 0;top: 0;width: 30px;height: 3px;background-color: #009ADC;opacity: .2;}
.leader-info-list li .info .txt{margin-top: 15px;color: #009ADC;}
.leader-info-list li a:hover{transform: translateY(-10px);}

/*视频列表*/
.video-list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.video-list li{width: 48%;cursor: pointer;box-shadow: 0 2px 20px rgba(3,154,220,.2);}
.video-list li .pic{position: relative;overflow: hidden;}
.video-list li .pic::after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 60px;height: 60px;margin: auto;background-image: url(../images/zhuanti/icon_play_white.svg);background-size: 100% 100%;opacity: .6;transition: 0.3s;}
.video-list li .pic em{display: block;padding-top: 45%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.5s;}
.video-list li .tit{padding: 30px 1em;background-color: #fff;font-size: 20px;line-height: 20px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: 0.3s;}
.video-list li:hover .pic::after{transform: scale(1.2);}
.video-list li:hover .tit{color: #009ADC;}

/*相关资源区*/
.related-resource-box{position: relative;display: block;}
.related-resource-box .bg{padding-top: 23%;background-position: center;background-size: cover;background-repeat: no-repeat;}
.related-resource-box .btn{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;transition: 0.3s;}
.related-resource-box .btn .pic{display: inline-block;vertical-align: top;width: 100px;height: 100px;}
.related-resource-box .btn .tit{margin-top: 15px;font-size: 18px;line-height: 1;color: #fff;}
.related-resource-box .btn .tit .icon{display: inline-block;vertical-align: middle;width: 20px;height: 20px;margin: -.25em 0 0 .4em;}
.related-resource-box:hover .btn{margin-top: -10px;}

/*相关报道轮播*/
.related-report-swiper{position: relative;padding-bottom: 60px;margin: 0 25%;overflow: hidden;}
.related-report-swiper .swiper-slide a{display: flex;justify-content: space-between;align-items: center;background-color: #fff;}
.related-report-swiper .swiper-slide a .pic{flex: 0 0 200px;overflow: hidden;}
.related-report-swiper .swiper-slide a .pic em{display: block;width: 105%;padding-top: 70%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.5s;}
.related-report-swiper .swiper-slide a .info{flex: 1;overflow: hidden;padding: 25px 30px;}
.related-report-swiper .swiper-slide a .info .tit{font-size: 16px;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: 0.3s;}
.related-report-swiper .swiper-slide a .info .date{margin-top: 10px;line-height: 20px;color: #666;}
.related-report-swiper .swiper-slide a:hover .pic em{transform: translateX(-5%);}
.related-report-swiper .swiper-slide a:hover .info .tit{color: #009ADC;}
.related-report-swiper .swiper-pagination{z-index: 1;bottom: 0;font-size: 0;}
.related-report-swiper .swiper-pagination .swiper-pagination-bullet{width: 14px;height: 14px;margin: 0 5px;background-color: #009ADC;border-radius: 50%;opacity: .3;transition: 0.5s;}
.related-report-swiper .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;}


/*笔记本1920*1080显示放大比例为125%，实际分辨率为1920/1.25=1536*/
@media screen and (max-width: 1550px){
	
}

/*中屏PC，分辨率1366*/
@media screen and (max-width: 1440px){
	
}

/*小屏PC，分辨率1280*/
@media screen and (max-width: 1300px){
	/*专题页*/
	.topic-container{min-height: 300px;}
	/*标题*/
	.topic-title{margin-bottom: 30px;}
	.topic-title .name{font-size: 24px;}
	/*简介*/
	.topic-container .brief{font-size: 16px;}
	/*布局*/
	.topic-container .part1{padding: 40px 0;}
	.topic-container .part2{padding: 40px 0 50px;}
	.topic-container .part3{padding: 40px 0;}
	.topic-container .part4{padding: 40px 0;}
	.topic-container .part5{padding: 40px 0;}
	
	/*预热视频区*/
	.preheat-video-box{width: 80%;margin: 0 auto;}
	.preheat-video-box .pic::after{width: 80px;height: 80px;}
	
	/*领导信息列表*/
	.leader-info-list{margin-top: 60px;}
	.leader-info-list li .pic{flex: 0 0 200px;}
	.leader-info-list li .info{padding: 25px;}
	.leader-info-list li .info .name{font-size: 22px;}
	.leader-info-list li .info .tit{padding-top: 25px;margin-top: 25px;font-size: 18px;}
	.leader-info-list li .info .txt{margin-top: 10px;}
	
	/*视频列表*/
	.video-list li .tit{padding: 25px 1em;font-size: 18px;}
	
	/*相关资源区*/
	.related-resource-box .btn .pic{width: 80px;height: 80px;}
	.related-resource-box .btn .tit{font-size: 16px;}
	.related-resource-box .btn .tit .icon{width: 16px;height: 16px;}
}

/*pad横屏，分辨率1024*/
@media screen and (max-width: 1024px){
	/*标题*/
	.topic-title{margin-bottom: 25px;}
	.topic-title .name{font-size: 20px;}
	/*简介*/
	.topic-container .brief{font-size: 14px;}
	/*布局*/
	.topic-container .part1{padding: 30px 0;}
	.topic-container .part2{padding: 30px 0;}
	.topic-container .part3{padding: 30px 0;}
	.topic-container .part4{padding: 30px 0;}
	
	/*预热视频区*/
	.preheat-video-box{width: 60%;margin: 0 auto;}
	.preheat-video-box .pic::after{width: 50px;height: 50px;}
	
	/*领导信息列表*/
	.leader-info-list{margin-top: 30px;}
	.leader-info-list li .pic{flex: 0 0 160px;}
	.leader-info-list li .info{padding: 20px;font-size: 14px;}
	.leader-info-list li .info .name{font-size: 20px;}
	.leader-info-list li .info .tit{padding-top: 20px;margin-top: 20px;font-size: 16px;}
	
	/*视频列表*/
	.video-list li .tit{padding: 20px 1em;font-size: 16px;}
	
	/*相关资源区*/
	.related-resource-box .btn .pic{width: 60px;height: 60px;}
	.related-resource-box .btn .tit{font-size: 14px;}
	.related-resource-box .btn .tit .icon{width: 12px;height: 12px;}
}

/*phone和pad竖屏，分辨率820*/
@media screen and (max-width: 820px){
    /*简介*/
    .topic-container .brief span{display: block;margin: .5em 0;}
	
	/*预热视频区*/
	.preheat-video-box{width: 100%;}
	
	/*领导信息列表*/
	.leader-info-list{margin-top: 0;}
	.leader-info-list li{width: 100%;margin-top: 25px;}
	.leader-info-list li .info .name{font-size: 18px;}
	
	/*视频列表*/
	.video-list li{width: 100%;margin-top: 25px;}
	.video-list li:first-child{margin-top: 0;}
	
	/*相关资源区*/
	.related-resource-box .bg{padding-top: 40%;}
	.related-resource-box .btn .pic{width: 50px;height: 50px;}
	.related-resource-box .btn .tit{margin-top: 10px;font-size: 13px;}
	
	/*相关报道轮播*/
    .related-report-swiper{padding-bottom: 30px;margin: 0;}
    .related-report-swiper .swiper-slide a .pic{flex: 0 0 160px;}
    .related-report-swiper .swiper-slide a .info{padding: 10px 15px;}
    .related-report-swiper .swiper-slide a .info .tit{font-size: 14px;line-height: 25px;}
    .related-report-swiper .swiper-slide a .info .date{margin-top: 5px;}
    .related-report-swiper .swiper-pagination{margin: 0;}
    .related-report-swiper .swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;}
}