﻿/*导航菜单  */
/* a {
	display: block;
	padding: 0;
	margin: 0;
	line-height: 1
}
 */
html,
body {
	background: #eee;
	position: relative;
}
/* 顶部通栏 */
.top_bar{ width: 100%; 
background:  url(../images/bar_bj.png) no-repeat left top; background-size: 100% 1.5rem;}
.top_bar_main{  height: 1.5rem;}
.top_bar_main a{ width: 3rem;  height: 1rem; display: block;}
.top_bar_main a img{ width:100%;}
.top_bar_main{ display: flex; justify-content: space-between;  align-items: center;}
.top_bar_main p{ color: #fff; font-size:.3rem;  font-weight: 500;}

.study{ display: none;}


/* swiper */
    .swiper-container{
       --swiper-pagination-color: #ffff; 
     }
	 .swiper-pagination-bullet{ opacity: 0.8;}
.swiper2 .swiper-pagination{ text-align: right!important; padding-right: .3rem;}
/* header */
.header{ background: #e5e5e5;}
.nav{ padding: .2rem .3rem; }
.nav_menu li{ margin-right: .36rem;}
.nav_menu li a{  font-size: .21rem; color: #333; display:block;}
.nav_menu li .active{ font-weight: bold;}
.nav_search  a img{ width: .2rem;}

/*习近平总书记的老区足迹 */
.track{  height: 1.28rem;}
.track_l{ background: #fff; text-align: center; align-items: center;display: flex;}
.track_l p{ font-size: .31rem; color: #CC0011; font-weight: bold;  padding:0 .3rem ;}
.track_r a img{ width: 4.48rem;}



/* swiper2 */
.banner_2_right {
	max-width: 447px;
	background: #fff;
}

.banner2_special {
	padding: 30px;
}

.banner2_special>h5 {
	font-size: 24px;
	color: #333;
	line-height: 32px;
	/* font-family: Alibaba PuHuiTi; */
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.banner2_special>p {
	font-size: 16px;
	color: #555;
	padding-top: 15px;
}

.banner_2 {
	width: 100%;
	/* margin-top: 26px; */
}

.slide_info>a>img {
	width: 100%;
	height: auto;
	max-height: 6.9rem;
}

.swiper2_l,
.swiper2_r {
	bottom: 12px !important;
	top: auto !important;
	outline: none;
	z-index: 100;
}

.swiper2_l:root {
	color: #fff !important;
}

.banner_2_left {
	--swiper-theme-color: #fff;
	/* 设置Swiper风格 */
	--swiper-navigation-color: #fff;
	/* 单独设置按钮颜色 */
	--swiper-navigation-size: 30px;
	/* 设置按钮大小 */
	margin-right: 20px;
	max-width: 763px;
	position: relative;
}

.slide_info2>a {
	display: block;
	    background: #99000D;
	   width: 100%;
	    max-height: 483px;
	    padding: 0;
	    width: 100%;
	    display: flex;
	    justify-content: center;
}

.slide_info2>a>img {
	width: auto;
	 height: 4.83rem;
/* 	max-width: 763px;
	max-height: 483px;
	 */
}

.slide_info2_title {
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.4);
	width: 100%;
	padding: 0 40px;
	height: 54px;
	line-height: 54px;
	color: #fff;
	box-sizing: border-box;
}

.slide_info2_title>h5 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 22px;
}

/* 老区概况 */
.banner_4>div{ align-items: center;}
.survey_wrap {
	margin-top: 26px;
	background: #fff;
	padding: 20px 30px;
}

.survey_top {
	padding-bottom: 13px;
}

.survey_top_left>h5>a {
	font-size: 24px;
	color: #99000D;
	font-weight: bold;
	padding-right: 20px;
}

.survey_top_left>p {
	font-size: 20px;
	color: #333;
	padding: 0 10px;
	height: 20px;
	line-height: .2rem;
}

.survey_top_left>p:nth-child(2) {
	border-right: 1px solid #333;
}

.survey_top_right {
	position: relative;
	--swiper-theme-color: #333;
	/* 设置Swiper风格 */
	--swiper-navigation-color: #333;
	/* 单独设置按钮颜色 */
	--swiper-navigation-size: 10px;
	/* 设置按钮大小 */
	max-width: 763px;
	flex-shrink: 0;
	width: 50px;
	height: 20px;
}

.swiper3_l,
.swiper3_r {
	outline: none;
	z-index: 100;
}

.slide_info3 {
	line-height: 0;
	max-width: 260px;
}

.slide_info3>img {
	width: 100%;
	max-width: 260px;
	height: 165px;
	 object-fit: cover;
}

.slide_info3>p {
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 13px;
	font-size: 16px;
	color: #555;
	width: 100%;
	line-height: 1;
}

/* 老区广角 */
.angle_wrap {
	background: #fff;
	padding: 18px 32px;
	margin-top: 26px;
}

.angle_title {
	padding-bottom: 13px;
}

.angle_title>h5>a {
	font-size: 24px;
	color: #99000D;
	font-weight: bold;
	padding-right: 20px;
}

.angle_title>p {
	font-size: 16px;
	color: #333;
	padding: 0 10px;
	height: 20px;
}

.pagination_2 .swiper-pagination-bullet {
	width: 14px;
	height: 14px;
	text-align: center;
	line-height: 14px;
	font-size: 12px;
	color: #888;
	opacity: 1;
	border: 1px solid #888;
	background: transparent;
	margin-right: 10px;
}

.pagination_2 .swiper-pagination-bullet-active {
	color: #99000D;
	border-color: #99000D;
}
.pagination_2 span{ outline: none;}
.angle_main{ align-items: center;}
.angle_left {
	max-width: 582px;
	width: 100%;
	margin-right: 0.6rem;
}

.lqgj_btn {
	position: relative;
	--swiper-theme-color: #333;
	/* 设置Swiper风格 */
	--swiper-navigation-color: #333;
	/* 单独设置按钮颜色 */
	--swiper-navigation-size: 10px;
	/* 设置按钮大小 */
	outline: none;
	height: 30px;
	width: 200px;
	margin: 25px auto 0;
}

.pagination_2 {
	position: initial !important;
}

.lqgj_btn>div {
	outline: none;
}

.angle_l_swiper>img {
	width: 100%;
	height: auto;
	max-height: 3.84rem;
	object-fit: contain;
}

.angle_right>ul>li:nth-child(1) {
	padding-top: 0;
}

.angle_right>ul>li:last-child {
	border-bottom: 0;
}

.angle_right>ul>li {
	border-bottom: 1px solid #eee;
	padding: 15px 0;
}

.angle_right>ul>li>a>p:nth-child(1) {
	font-size: 14px;
	color: #333;
	padding-bottom: 5px;
}

.angle_right>ul>li>a>h5 {
	font-size: 18px;
	color: #333;
	font-weight: bold;
	line-height: 26px;
}

.angle_right>ul>li>a>p:nth-child(3) {
	font-size: 16px;
	color: #888;
	line-height: 1.5;
}

.angle_btn {
	margin-top: 58px;
}

.angle_btn>li {
	height: 1.53rem;
	margin-right: 4px;
	position: relative;
}
.angle_btn>li a{ display: block; width: 100%; height: 100%;}

.angle_btn>li>a>p {
	position: absolute;
	left: 0;
	bottom: 0.26rem;
	text-align: center;
	color: #99000D;
	width: 100%;
	font-size: .16rem;
}

.angle_btn>li:hover a p {
	color: #fff !important;
}

.angle_btn>li:nth-child(1) {
	background: url(../images/icon_01.png) no-repeat center top 0.14rem, #EEEEEE;
	background-size: 0.76rem 0.64rem;
}

.angle_btn>li:nth-child(1):hover {
	background: url(../images/icon_1.png) no-repeat center top 0.14rem, #99000D;
	background-size: 0.76rem 0.64rem;
}

.angle_btn>li:nth-child(2) {
	background: url(../images/icon_02.png) no-repeat center top 0.14rem, #EEEEEE;
	background-size: 0.72rem 0.76rem;
}
.angle_btn>li:nth-child(2):hover {
	background: url(../images/icon_2.png) no-repeat center top 0.14rem, #99000D;
  background-size: 0.72rem 0.76rem;
}

.angle_btn>li:nth-child(3) {
	background: url(../images/icon_03.png) no-repeat center top 0.14rem, #EEEEEE;
	background-size: 0.76rem 0.65rem;
}
.angle_btn>li:nth-child(3):hover {
	background: url(../images/icon_3.png) no-repeat center top 0.14rem, #99000D;
	background-size: 0.76rem 0.65rem;
}

.angle_btn>li:nth-child(4) {
	background: url(../images/icon_04.png) no-repeat center top 0.14rem, #EEEEEE;
	background-size: 0.79rem 0.73rem;
}
.angle_btn>li:nth-child(4):hover {
	background: url(../images/icon_4.png) no-repeat center top 0.14rem, #99000D;
	background-size: 0.79rem 0.73rem;
}


/* 红色经典 */
.hsjd_wrap {
	background: #fff;
	padding: 18px 32px;
	margin-top: 26px;
	
}

.hsjd_swiper {
	padding-top: 12px;
}

.hsjd_left {
	flex-shrink: 0;
	margin-right: 0.26rem;
}

.hsjd_left>a>img {
	width: 4.08rem;
	height: 2.59rem;
}

.hsjd_right {
	width: 100%;
}

.hsjd_wrapper {
	width: 100% !important;
	height: 100%;
}

.hsjd_wrapper .swiper-slide {
	height: calc((100% - 25px) / 2);
}

.lqgk_a {
	width: 1.64rem;
	height: 1.04rem;
	background: #7F7F7F;
}
.lqgk_a img {
	width: 1.64rem;
	height: 1.04rem;
	object-fit: contain;
}

.lqgk_a>p {
	text-align: center;
	padding-top: 15px;
	font-size: 16px;
	color: #555;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.hsjd_container {
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
}

.hsjd_left>a>p {
	text-align: center;
	padding-top: 15px;
	font-size: 16px;
	color: #555;
}

/* 订阅 */
.take_wrap {
	margin-top: 25px;
	margin-bottom: 26px;
}

.take_wrap>a>img {
	width: 100%;
	height: auto;
}

/*  地图*/
.map_wrap {
	background: #fff;
	padding: 18px 32px;
	margin-top: 26px;
	margin-bottom: 0.32rem;
}
.map_top{  margin-bottom: .3rem;}
.map_top_r>ul>li {
	margin-right: 0.4rem;
	width: 0.6rem;
	height: 0.6rem;
	background: #FFFFFF;
	box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.25);
	border-radius: 50%;
	  padding: .13rem;
}
.province_btn{ border: 2px solid #99000D; width: 100%; height: 100%; border-radius: 50%;}
.province_btn p{ background: #fff; font-size: .45rem; color: #99000D; line-height: .45rem; width: 80%; border-radius: 40%; padding-left: .1rem;  margin-top: .2rem; margin-left: -.1rem; font-weight: normal;}
/*.province_btn h6{  color: #99000D; font-size: .24rem; line-height: 1; padding-top: .06rem; text-align: center; font-weight: 500;}*/
.province_btn h6 {
	color: #99000D;
	font-size: .2rem;
	line-height: 1;
	padding-top: .18rem;
	text-align: center;
	font-weight: 500;
}
.map_top_r>ul>li:nth-child(3) {
	margin-right: 0;
}

.map_top_l>h5 {
	color: #99000D;
	font-size: 0.32rem;
	font-weight: bold;
}

.map_top_l>p {
	color: #878787;
	font-size: 16px;
}

/* 20201229 地图底部省市区链接 */
.Province{  padding-top: .2rem; flex-wrap: wrap;}
.Province li {
	padding: 0 .117rem;
	border-right: 1px solid #ccc;
	line-height: 1;
	margin-bottom: .1rem;
}
.Province li a{ font-size: .18rem; color: #333;}
.Province li a:hover{ color: #99000D;}
.Province li:last-child{   border-right: none; padding-right: 0;}
.Province li:first-child{  padding-left: 0;}
.pro_2 a{ color: #999!important;}


/* 书籍杂志 */
.journal_ul{ margin: 0.26rem 0; background: #fff; padding:.19rem .3rem .3rem ;}
.journal_ul li:nth-child(1) a{ padding-right: .3rem; border-right: 1px solid #ccc; display: block;}
.journal_ul li:nth-child(2) a{ padding-left: .3rem; display: block;}
.journal_li{ flex: 1; flex-shrink: 0; max-width: 50%;}
.journal_li h5{ font-size: .23rem; color:#99000D ; font-weight: bold; padding-bottom: .1rem;}
.journal_ul li:nth-child(2) h5{ padding-left: .3rem;}
.journal_li a img{ width: 100%;}

.review{ padding-top: .17rem;}
.review_main{ align-items: center; padding-right: .3rem;}
.review_main p{ font-size: .2rem; color: #333; flex-shrink: 0;}
.select_1{ width: 1.5rem;}
.select_2{ width: 2rem;}
.review_main select{ margin-right: .15rem; height: .38rem; line-height: .38rem; padding: 0 .1rem; font-size: .2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.review_main button{ outline: none; background: #99000D; color: #fff;  font-size: .2rem; line-height: .38rem; width: 1rem; text-align: center; border: none; border-radius: 3px;}



.magazines{ width: 100%;}
.magazines_wrap {
	background: #fff;
	padding: 18px 32px;
	margin-top: 26px;
	margin-bottom: 0.32rem;
	width: 100%;
	box-sizing: border-box;
}

.magazines_container {
	width: 100% !important;
	height: 4.3rem;
	margin-left: auto;
	margin-right: auto;
}
.magazines_wrapper .swiper-slide {
	height: calc((100% - 40px)/ 2);
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.magazines_wrapper{
	 width: 100%!important;
}

.books_a img {
	width: 100%;
	max-width: 1.22rem;
	height: 1.66rem;
}

.books_a>p {
	text-align: center;
	font-size: 16px;
	color: #333;
	padding-top: 12px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
		max-width: 1.22rem;
}

.magazines_left {
	flex-shrink: 0;
	 margin-right: 0.58rem;
}

.magazines_left>a>img {
	width: 2.85rem;
	height: 3.86rem;
}

.magazines_left>a>p {
	text-align: center;
	text-align: center;
	font-size: 16px;
	padding-top: 12px;
	color: #333;
}

/* footer */
footer {
	background: #99000D;
}

.footer_main {
	padding: 24px 30px;
}

.footer_left>p {
	color: #fff;
	font-size: 16px;
}

.footer_left>p>span {
	padding-right: 10px;
}

.footer_right img {
	width: 83px;
	height: 83px;
}

.footer_right img:first-child {
	margin-right: 28px;
}

/* 悬浮 */
.suspend {
	position: fixed;
	top: 44%;
	 left: 52%;
	z-index: 999;
	 margin-left: 6rem;
}

.suspend_1 {
	width: 0.5rem;
	height: auto;
	margin-bottom: 6px;
	
}

.suspend_2 {
	width: 0.5rem;
	height: auto;
	margin-bottom: 6px;
}

.actGotop {
	display: none;
	cursor: pointer;
	width: 0.5rem;
	height: 0.5rem;
	
			}

/* 搜索 */
 .pc_study{ display: none;}
/* iphone */


#map_iframe{ height: 800px;}


@media screen and (min-width:1000px) and (max-width: 1200px) {
	body {
		font-size: 16px;
	
	}
}

/*当页面宽度大于1280px且小于1366px的时候执行,1280-1366*/
@media screen and (min-width:1280px) and (max-width: 1366px) {}

/*当页面宽度大于1440px且小于1600px的时候执行,1440-1600*/
@media screen and (min-width:1440px) and (max-width:1600px) {}

/*当页面宽度大于1680px且小于1920px的时候执行,1680-1920*/
@media screen and (min-width:1680px) and (max-width:1920px) {}
/** iPad **/
@media only screen and (min-width: 768px) and (max-width: 1024px) {}
/*phone*/
@media screen and (min-width:320px) and (max-width:767px) {
	header{ width: 100%;}
	.slide_info2>a>img {
		width: 100%;
		height: auto!important;
		max-height: 4rem!important;
		object-fit: cover;
	}
	.slide_info2_title>h5 {
		font-size: 16px;
	}
	.angle_l_swiper>img { height: auto;max-height: 4.5rem;}
	.slide_info2_title>h5{ font-size: 16px;}
	.angle_btn>li>a>p {
		font-size: 14px;
	}

   .nav{ padding:  0.3rem  .15rem; display: block; width: 100%; position: relative;}
   .logo{ padding-top: 0;}
   .logo>img{ width: 1.6rem;}
   .bav_right{ position: absolute; right: .3rem; top:.3rem}
   .nav_search{ padding-top: .1rem;}
    .pc_study{ display: flex; }
	.pc_study>a>img{ width:.4rem;}
	.pc_study>a{ width: auto; height: auto; padding-right: .3rem;}
	.top_bar_main{ padding: 0 .3rem;}
  .top_bar_main p{ display: none;}
   .study{ display: block;}
   .study a{ width:1.2rem; height: .5rem}
   .nav_search {display: none;} 
   .track_l p{ font-size: .2rem; padding: 0 .15rem;}
   .study>a{ display: block; line-height: 1;}
   .nav_menu{ flex-wrap: wrap;}
   .nav_menu>li{ justify-content: space-between; margin-right: .3rem;}
  /*.nav_menu>li:nth-child(1){display: none;}*/
  .nav_menu>li>a{ font-size: 0.28rem; margin: .1rem 0; display: block; }
   .nav_menu>li:last-child a{ border: 0;}
	.banner_2{ display: block; margin-top: 0.15rem;}
	.banner2_special{ display: none;}
	.banner_2_left{ margin-right: 0; margin-top: 0.26rem; display: none}
	.banner2_special>h5{ font-size: 0.24rem; line-height: 0.32rem; }
	.banner2_special>p{ font-size: 0.24rem; padding-top: 0.15rem;}
	.special_more>a{ font-size: 0.24rem; margin-top: 0.2rem; }
	
	.survey_wrap{  margin-top: 0; padding: 0.2rem 0.15rem;}
	.survey_top{ padding-bottom: 0.13rem;}
	.survey_top_left>h5>a{ font-size: 0.3rem; padding-right: 0.2rem;}
	.survey_top_left>p{ font-size: 0.26rem;  padding: 0 0.1rem; height: .2rem; line-height: .2rem;}
    .slide_info3>p{ /**margin-top: 0.2rem;*/ font-size: 0.2rem;}
	.slide_info3>img {
	    height: 2.3rem;
	}
	/* 老区广角 */
	.angle_wrap{ padding: 0.18rem 0.15rem;}
	.angle_main{ display: block;}
	.angle_title>h5>a{ font-size: 0.3rem; padding-right: 0.1rem; flex-shrink: 0;}
	.angle_title>p{ font-size: 0.26rem; padding: 0; height: 0.2rem;}
	.angle_right>ul>li{ padding: 0.15rem 0;}
   .angle_right>ul>li>a>h5{ font-size: 0.26rem; line-height: 1.5;}
   .angle_right>ul>li>a>p:nth-child(3){ font-size: 0.26rem;}
   .angle_btn{ margin-top: 0.3rem;}
   .hsjd_wrap{ margin-top: 0.26rem; padding: 0.18rem 0.15rem;}
   .hsjd_swiper{ padding-top: 0.12rem; display: block;}
   .hsjd_left{ margin-right: 0; margin-bottom: 0.3rem;}
   .hsjd_left>a>img{ width: 100%; height: auto;}
   .hsjd_left>a>p{ padding-top: 0.15rem; font-size: 0.24rem;}
   .lqgk_a{ width: 100%;  height: auto; background: transparent;}
   .hsjd_wrapper .swiper-slide{height: calc((100% - 0.25rem) / 2); }
   .lqgk_a img{ width: 100%; height: 3.04rem;max-height: 2.5rem; }
   .lqgk_a>p{ padding-top: 0.1rem; font-size: 0.24rem; }
   .take_wrap{ margin-top: 0.25rem;margin-bottom: 0.25rem;}
   .magazines_wrap{ padding: 0.18rem 0.15rem; margin-top: 0.15rem; }
   .magazines{ display: block;}
   .magazines_left{ margin-right: 0;}
   .magazines_left>a>img{ width: 100%; height: auto;}
   .books_a img{ width: 100%; max-width: none; height: auto;}
   .magazines_container{ height: 7rem;}
   .hsjd_right{ margin-top: 0.3rem;}
   .map_wrap{ padding: 0.18rem 0.15rem;}
   .books_a>p{ font-size: 0.24rem; padding-top: 0.12rem;}
   .map_top{ display: block;}
   .map_top_l>p{ font-size: 0.24rem;}
   .map_top_r ul{ justify-content: space-around; margin-top: 0.3rem;}
   .footer_main{ display: block; padding: 0.18rem 0.15rem;}
   .footer_left>p{ font-size: 0.24rem;}
   .footer_right{ margin-top: 0.3rem;justify-content: space-around;}
   .footer_right img:first-child{ margin-right: 0;}
   .suspend{ display: none;}
   
   .journal_ul{ display: block;}
   .journal_ul li:nth-child(1) a{padding-right:0; border: 0;}
   .journal_ul li:nth-child(2) a{ padding-left: 0;}
   .journal_ul li:nth-child(2) h5{ padding-left: 0; padding-top: .3rem;}
   .journal_li{ width: 100%; max-width: none;}
   .select_2{ width: 3rem;}

	.map_top_r>ul>li {
		width: 1.2rem!important;
		height: 1.2rem!important;
	}
	.province_btn h6 {
		font-size: .4rem!important;
		padding-top: .36rem!important;
	}
	.hsjd_container{ height: 6rem;}
	#map_iframe{ height: 8rem;}
	.Province li a{ font-size: .32rem; color: #333;}
	.Province li:first-child {padding: 0 .117rem 0 .117rem;}
}


	