* {
	margin: 0;
	padding: 0;
	border: 0;
}

html {
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	background-color: #FFFFFF;
}

body {
	min-width: 320px;
	max-width: 750px;
	margin: 0 auto;
	overflow-x: hidden;
}

li {
	list-style: none;
	color: #000000;
}

a {
	text-decoration: none;
	color: #000000;
}

button {
	outline: none;
}
input{outline: none;}
img{width: 100%;}
.topBox{display: flex;width: 90%;justify-content: space-between;margin: 1rem auto;}
.logoImg{width: 80%;    line-height: 2.2rem;}
.search{width: 9%;text-align: right;margin-right: 1%;}
.topMobile{width: 5%;margin-top: 0.5rem;}
.search img{width: 1.5rem;margin-top: 0.5rem;}
.mobilePic{width: 95%;margin: 0.5rem auto;display: none;}
.mobilePic ul{display: flex;justify-content: space-between;}
.mobilePic ul li{width: 24%;font-size: 0.6rem;text-align: center;}
.mobilePic ul li a{display: block;line-height: 4rem;}
/* 导航样式开始 */
.navBxo{width: 100%;background-color: rgb(9,190,1);}
.navBannre li a{font-size: 0.7rem;color: rgba(255,255,255,0.8);display: block; text-align: center;padding: 0.5rem 0;}
.navBannre{width: 97%;margin-left: 2%;overflow: hidden;}
.navBannre .active{background-color: rgb(7,130,98);}

/* 导航样式结束 */
.topImgBannre .swiper-pagination-bullet-active{background-color: rgb(232,53,21)!important}
/* 顶部轮播图样式开始 */
/* .topImgBannre .swiper-button-white{width: 0.5rem;right: 0;} */

/* 顶部轮播图样式结束 */

/* 头条样式 */
.newTop{background-color: rgb(249,249,249);padding: 0.7rem 5%;width: 90%;margin-top: -0.3rem;}
.newTop h1{font-size: 0.9rem;line-height: 1.5rem;}
.newTop h1 a{color: rgb(0,73,135);}
/* 头条样式 */

/* 栏目条样式开始 （共用） */
.newsHai{width: 90%;margin: auto;display: flex;justify-content: space-between;margin-bottom: 1rem;}
.newsHai p{color: #078262;font-size: 0.9rem;font-weight: bold;margin-top: 1.5rem;border-left: 0.2rem solid #e73f2b;padding-left: 0.3rem;}
.newsHai span{font-size: 0.7rem;margin-top: 1.7rem;}
.newsHai span a{color: #737373;}

/* 栏目条样式结束  （共用）*/

/* 海垦新闻轮播图样式 */
.newsBox{width: 90%;margin:0rem auto;overflow: hidden;}
.newsBanner{margin-bottom: 0.5rem;}
.newsBanner li{position: relative;}
.newsBanner li p{position: absolute;width: 90%;background-color: rgba(0,0,0,0.5);bottom: 0.2rem;padding: 0.4rem 5% 0.8rem 5%;font-size: 0.8rem;color: rgba(255,255,255,0.8);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsBanner .swiper-pagination-bullet{width: 0.6rem;border-radius: 0.05rem;height: 0.2rem;background-color: #FFFFFF;opacity: 1;}
.newsBox .swiper-pagination{text-align: right;bottom: 0.2rem;}
.newsBanner .swiper-pagination-bullet-active{background-color: #007aff;;}

.newsBanner li img{height: 210px;}

/* 海垦新闻轮播图样式结束 */

/* 左文右图共用样式 */
/* .newsList{margin-top: 1rem;} */
.newsList li{margin-top: 0.9rem;border-bottom: 0.05rem solid #eee;padding-bottom: 0.5rem;}
.newsList li a{display: flex;justify-content: space-between;}
.newsList li a div{width: 135px;}
.newsList li a div img{width: 135px;height: 76px;}
.newsList li a p{width: 55%;font-size: 0.75rem;line-height: 1.3rem; -webkit-line-clamp: 3;}
.newsList li:nth-child(1){margin-top: 0;}
/* 左文右图共用样式 */


/* 新闻列表无图共用样式 */
.listBox li a{font-size: 0.75rem;line-height: 1.3rem; -webkit-line-clamp: 2;}
.listBox li{border-bottom: 0.05rem solid #eee;margin-bottom: 0.8rem;padding-bottom: 0.5rem;}

/* 新闻列表无图共用样式结束 */

/* 一行省略和多行省略 */
/* .videoBannre li p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} */
.listBox li a,.newsList li a p,.contentBox ul li p,.NonepicList p,.videoBannre li p{overflow-y: hidden;white-space: normal;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;}

/* 一行省略和多行省略 */

/* 海垦视频轮播图样式 */
.videoBox{width: 90%;margin:1rem auto;overflow: hidden;}
.videoBannre li{position: relative;}
.videoBannre li p{font-size: 0.7rem;width: 90%;padding: 0 5%;line-height: 1.1rem;-webkit-line-clamp: 2;}

/* 海垦专题样式 */
.zhuantiBox{width: 90%;margin: auto;overflow: hidden;}
.zhuantiBox ul li{margin-bottom: 0.5rem;}

/* 海垦专题样式 */

/* 底部版权样式 */
.copyRightBox{width:90%;background-color: rgb(27,192,10);padding: 1rem 5%;}
.copyRightBox ul li,.copyRightBox p{font-size: 0.6rem;line-height: 1.3rem;color: rgba(255,255,255,0.8);}
.copyRightBox ul{margin-bottom: 1rem;}
.copyRightBox span{font-size: 0.7rem;color: rgba(255,255,255,0.9);}

/* 底部版权样式结束 */

/* 返回顶部的样式 */
.gotop{position: fixed;right: 5%;bottom: 4rem;width: 2rem;z-index: 999;display: none;}


/* 二级页面开始 */

/* 顶部logo */
.topMenBox{display: flex;width: 90%;margin: 1rem auto;justify-content: space-between;}
.logoBox{width: 80%;}
.return{width: 5%;}
.return img{width: 0.5rem;}
.menu{width: 10%;text-align: right;}
.menu img{width: 1.3rem;}

/* 二级页面顶部栏目图片共用样式 */
.pageTopImg{position: relative;}
.pageTopImg p{position: absolute;left: 5%;bottom: 1rem;color: #FFFFFF;font-size}
/* 二级页面顶部栏目图片共用样式 */

/* 二级页面导航样式 */
.navNext a{font-size: 0.75rem;padding: 0.3rem 0;margin-right: 1rem;position: relative;}
.nav{display: flex;}
.navNext{width: 90%;margin: auto;overflow: hidden;padding:0 5% 0.5rem 5%;border-bottom: 0.05rem solid #EEEEEE;}
.on::before{ content: "";   background-color: rgb(4,68,106);width: 40%;height: 0.1rem;display: block;bottom: 0;left: 30%;    position: absolute;}
/* 超出滑动启用 */
/* .nav {width: 100%;white-space: nowrap;overflow-x: scroll;overflow-y: hidden;text-align: justify;box-sizing: border-box;} */
/* 超出滑动启用 */
.nav::-webkit-scrollbar {/*隐藏滚动条*/display: none;}
/* 二级页面导航样式结束 */

/* 二级页面左文右图有时间的共用列表样式 */
.contentBox{width: 90%;margin:1rem auto;overflow: hidden;min-height: 15rem;}
.picList li{margin-bottom: 1rem; border-bottom: 0.05rem solid #eee;padding-bottom: 0.5rem;}
.picList li a{display: flex;justify-content: space-between;position: relative;}
.picList li span{position: absolute;bottom: 0rem;left: 0rem;font-size: 0.5rem;color: #737373;}
.picList li div{width: 135px;}
.picList li div img{width: 135px;height: 76px;}
.picList li p{font-size: 0.75rem;line-height: 1.2rem; -webkit-line-clamp: 2;width: 55%;height: 2.4rem;overflow: hidden;}

/* 二级页面左文右图有时间的共用列表样式 */

/* 加载更多的样式 */
.more{margin: 1rem;font-size: 0.6rem;text-align: center;}
.more button{background: none;width: 100%;color: #737373;font-size: 0.7rem;border: 1px solid #eee; line-height: 1.5rem; border-radius: 4px;}
/* 加载更多的样式 */

/* 党建引领页面样式 */
.pageTitle{width: 90%;margin: 1rem auto;color: #e83515;font-weight: bold;}

/* 新闻列表样式，无图共用 */
.NonepicList li p{font-size: 0.75rem;-webkit-line-clamp: 2;}
.NonepicList li span{font-size: 0.5rem;color: #737373;}
.NonepicList li{margin-bottom: 1rem; padding-bottom: 0.5rem;border-bottom: 0.05rem solid #EEEEEE;}
/* 新闻列表样式，无图共用 */


/* 产业布局的页面样式 */
.bujuList{width: 90%;margin: 1rem auto;}
.bujuList ul{display: flex;justify-content: space-between;    flex-wrap: wrap;}
.bujuList ul li{width: 18%;border: 0.04rem solid #EEEEEE;padding: 0.3rem;border-radius: 0.3rem;margin-bottom: 1rem;}
.bujuList ul li a div{width: 65%;margin: auto;height: 2rem;}
.bujuList ul li a p{font-size: 0.6rem;text-align: center;color: rgb(8,100,146);margin: 0.2rem 0;}


/* 文章页样式 */
.articleCon{width: 90%;margin:1rem auto;}
.titleBox{width: 100%;margin:0.5rem 0;border-bottom: 0.08rem dotted #EEEEEE;padding-bottom: 0.5rem;}
.titleBox h1{font-size: 1rem;color: #191919;margin: 0.3rem 0;}
.titleBox p span{font-size: 0.6rem;}
/* 以上与视频页有共用 */
.article p{font-size: 0.75rem;line-height: 1.3rem;margin-bottom: 0.3rem;color: #313131;}
.article img{width: 100%!important;margin-top: 0.3rem;height: auto!important;}
/* .article p:nth-child(1){color: #000000;font-size: 0.7rem;}
.article p:nth-child(2){color: #737373;font-size: 0.65rem;} */
/* 文章页样式结束 */

/* 视频页样式 */
.videoArticle{min-height: 15rem;}
.videoArticle img,.videoArticle video,.article video{width: 100%;height: auto;}
.article{min-height: 15rem;}



/* 搜索结果页样式 */
.resarchCon{width: 90%;margin: 1rem auto;}
.inputBox{display: flex;border: 0.05rem solid #EEEEEE;padding: 0.3rem 0.7rem;justify-content: space-around;border-radius: 2rem;}
.inputBox input{width: 70%;font-size: 0.75rem;}
.inputBox img{width: 1.5rem;}
.inputBox button{background: none;}
.result{min-height: 15rem;}
.result>p{margin: 1rem 0;font-size: 0.7rem;color: rgb(8,100,146);}
.result>p>span{color: rgb(255,174,87);}


/* 菜单展开样式 */
.showMenu{position: fixed;width: 100%;height: 100%;background-color: rgba(28,111,77,0.9);top: 0;z-index: 999;}
.close{padding: 1rem 5%;text-align: right;}
.close img{width: 2rem;}
.menuCon{width: 80%;margin: 0.5rem auto;}
.menuCon a{color: rgba(255,255,255,0.8);}
.menuCon ul>li{border-bottom: 0.05rem solid rgba(255,255,255,0.3);padding-bottom: 0.7rem;margin-bottom: 0.7rem;position: relative;}
.menuCon ul>li img{position: absolute;top: 0.5rem;width: 1rem;right: 0.5rem;}
.menuCon li a{font-size: 0.8rem;}
.menuCon ul ol{padding-left: 2em;margin-top: 0.5rem;display: none;}
.menuCon ul ol li{font-size: 0.7rem;padding-bottom: 0.5rem;}
.showMenu{display: none;overflow: scroll;}
.newsAct{color: rgb(249,189,0)!important;}

/* 列表新增样式 */
.Nopic a p{width: 100% !important;height: 2.5rem; margin-bottom: 0.8rem;}

/* 新增功能入口样式 */
.jindianziBox ul{display: flex;justify-content: space-between;margin-bottom: 0.5rem;}
.jindianziBox ul li{width: 24%;}