@charset "utf-8";

@font-face {
	font-family: "Source Han Serif CN";
	src: url("../font/SOURCESANSPRO-BLACK.OTF");
}

/* 公共样式 */
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: Microsoft YaHei;
}
html,body{
	width: 100%;
	height: auto;
}
body::-webkit-scrollbar{width: 0 !important;}
body{-ms-overflow-style: none;}
body{overflow: -moz-scrollbars-none;}
ul,ol,li{list-style: none;}
a{text-decoration: none;}

/* 回到顶部 */
.goTop{
	position: fixed;
	z-index: 9999;
	right: 20px;
	bottom: 110px;
	width: 40px;
	height: 40px;
	background: url(../img/index/toTop.png) no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
	display: none;
}


/* 河口生物多样性 */
.commonModuleDiv{
	width: 100%;
	height: auto;
	padding-top: 80px;
}
.commonTitle{
	width: auto;
	height: 40px;
	margin: 0 auto;
	/* font-size: 0.26rem; */
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	line-height: 40px;
	color: #212121;
	position: relative;
}
.commonIcon{
	position: absolute;
	top: -12px;
	left: -110px;
	width: 96px;
	height: 43px;
	background: url(../img/index/module-icon.png);
	background-size: 100% 100%;
}
.biologyDiversity{width: 280px;}
.biologyDiversity-instruction{
	width: 1060px;
	height: auto;
	margin: 40px auto;
	/* font-size: 0.24rem; */
	font-size: 24px;
	font-weight: 400;
	line-height: 54px;
	text-align: center;
	color: #212121;
}
.commonMoreBtn{
	width: 220px;
	height: 70px;
	background: #3A86BA;
	border-radius: 9px;
	margin: 80px auto;
	cursor: pointer;
}
.commonMoreBtn a{
	display: block;
	width: 220px;
	height: 70px;
	/* font-size: 0.24rem; */
	font-size: 24px;
	font-weight: 400;
	line-height: 70px;
	text-align: center;
	color: #FFFFFF;
}
.commonModuleDivider{
	width: 860px;
	height: 18px;
	margin: 0 auto;
	background: url(../img/index/module-divider.png);
	background-size: 100% 100%;
}
/* 项目动态 */
.projectDynamic{width: 110px;}
.bgGreen{
	width: 100%;
	height: auto;
	background: #F9F9F9;
	margin-top: 40px;
	padding-top: 65px;
}
#projectDynamicSwiper{
	width: 1370px;
	height: 520px;
	/* margin: 0 290px 20px 260px; */
	margin: 0 auto;
}
.swiper{
	width: 100%;
	height: 100%;
}
.swiper-slide {
	text-align: center;
	background: #fff;

	/* Center slide text vertically */
	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;
}
#projectDynamicSwiper .swiper .swiper-slide a{display: block;width: 100%;height: 100%;cursor: pointer;background: #f9f9f9;}
#projectDynamicSwiper .swiper-pagination-bullet-active{background: white;border: 1px solid #C7C7C7;}
.projectDynamic-item-img{
	float: left;
	width: 800px;
	height: 450px;
}
.projectDynamic-item-img img{width:100%;height: 100%;}
.projectDynamic-item-instruction{
	float: right;
	width: 540px;
	height: auto;
}
.projectDynamic-item-title{
	width: 100%;
	height: 30px;
	margin-top: 30px;
	/* font-size: 0.24rem; */
	font-size: 24px;
	font-weight: bold;
	text-align: left;
	line-height: 30px;
	color: #212121;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.projectDynamic-item-contain{
	width: 100%;
	height: auto;
	margin-top: 20px;
	/* font-size: 0.2rem; */
	font-size: 20px;
	font-weight: 400;
	line-height: 36px;
	text-align: left;
	color: #212121;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 10;
	-webkit-box-orient: vertical;
}
/* 项目保护地分布 */
.projectPprotectionAreaDistribution{width: 200px;}
.projectPprotectionAreaDistributionBg{
	margin-top: 40px;
	width: 100%;
	height: 974px;
	background: url(../img/index/projectPprotectionAreaDistributionBg.jpg);
	background-size: 100% 100%;
	position: relative;
}
/* 黄河口项目地分布 */
.yellowRiverEstuary{
	position: absolute;
	top: 48px;
	left: 745px;
	width: 311px;
	height: 219px;
	background: url(../img/index/yellowRiverBg.png);
	background-size: 100% 100%;
}
.yellowRiver-title{
	position: absolute;
	top: 36px;
	left: -81px;
	width: 190px;
	height: 48px;
	background: rgba(42, 185, 119, 0.85);
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.yellowRiver-icon{
	float: left;
	width: 48px;
	height: 48px;
	background: url(../img/index/yellowRiver-icon-add.png);
	background-size: 100% 100%;
}
.yellowRiver-text{
	float: right;
	width: 142px;
	height: 48px;
	/* font-size: 0.24rem; */
	font-size: 24px;
	text-align: center;
	font-weight: 400;
	line-height: 48px;
	color: #FFFFFF;
}
.yellowRiver-distribution{
	position: absolute;
	width: 33px;
	height: 60px;
	background: url(../img/index/yellowRiver-icon-location.png);
	background-size: 100% 100%;
}
.yellow1{
	top: 36px;
	right: 91px;
}
.yellow2{
	top: 42px;
	right: 124px;
}
.yellow3{
	top: 36px;
	right: 157px;
}
.yellow4{
	top: 68px;
	left: 93px;
}
.yellow5{
	bottom: 56px;
	left: 138px;
}
.yellow6{
	bottom: 43px;
	right: 90px;
}
/* 黄河口项目地列表 */
.yellowRiverListBody{
	position: absolute;
	right: 73px;
	top: 69px;
	width: 437px;
	height: 375px;
	background: rgba(3, 23, 68, 0.8);
}
.yellowRiverList-title{
	width: 100%;
	height: 48px;
	background: #2AB977;
}
.list-icon{
	float: left;
	width: 35px;
	height: 46px;
	background: url(../img/index/protectedAreaDistribution-list-icon.png);
	background-size: 100% 100%;
	margin: 1px 12px;
}
.list-text{
	/* font-size: 0.2rem; */
	font-size: 20px;
	font-weight: 400;
	line-height: 48px;
	color: #FFFFFF;
}
.riverList{
	width: 100%;
	height: 327px;
	overflow-y: scroll;
}
.riverList ul{width: 100%;height: 100%;}
.list-item{
	width: 100%;
	height: 110px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.48);
	padding: 15px 8px 14px 8px;
	cursor: pointer;
}
.list-item:hover{background: #5F7CBC;}
.list-item-img{
	float: left;
	width: 142px;
	height: 80px;
}
.list-item-img img{display: block;width: 100%;height: 100%;}
.list-item-contain{
	float: right;
	width: 250px;
	height: 80px;
}
.list-item-name{
	width: 230px;
	height: 56px;
	/* font-size: 0.16rem; */
	font-size: 16px;
	font-weight: 400;
	line-height: 21px;
	color: #FFFFFF;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.list-item-detailBtn{
	width: 100%;
	height: 24px;
}
.list-item-detailBtn a{
	float: right;
	width: 70px;
	height: 24px;
	background: #2AB977;
	border-radius: 5px;
	/* font-size: 0.12rem; */
	font-size: 12px;
	font-weight: 400;
	line-height: 24px;
	text-align: center;
	color: #FFFFFF;
}
.riverList::-webkit-scrollbar{width: 8px;}
.riverList::-webkit-scrollbar-track{background: #4060A8;}
.riverList::-webkit-scrollbar-button{display: none;}
.yellowRiverListBody .riverList::-webkit-scrollbar-thumb{background: #2AB977;}
/* 珠江口项目地分布 */
.pearlRiverEstuary{
	position: absolute;
	bottom: 73px;
	left: 416px;
	width: 335px;
	height: 234px;
	background: url(../img/index/pearlRiverBg.png);
	background-size: 100% 100%;
}
.pearlRiver-title{
	position: absolute;
	top: -13px;
	right: -73px;
	width: 190px;
	height: 48px;
	background: rgba(255, 170, 42, 0.85);
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.pearlRiver-text{
	float: left;
	width: 142px;
	height: 48px;
	/* font-size: 0.24rem; */
	font-size: 24px;
	text-align: center;
	font-weight: 400;
	line-height: 48px;
	color: #FFFFFF;
}
.pearlRiver-icon{
	float: right;
	width: 48px;
	height: 48px;
	background: url(../img/index/pearlRiver-icon-add.png);
	background-size: 100% 100%;
}
.pearlRiver-distribution{
	position: absolute;
	width: 32px;
	height: 62px;
	background: url(../img/index/pearlRiver-icon-location.png);
	background-size: 100% 100%;
}
.pearl1{
	top: 91px;
	left: 65px;
}
.pearl2{
	top: 65px;
	left: 106px;
}
.pearl3{
	top: 35px;
	left: 146px;
}
.pearl4{
	top: 65px;
	right: 117px;
}
.pearl5{
	top: 71px;
	right: 75px;
}
/* 珠江口项目地列表 */
.pearlRiverListBody{
	position: absolute;
	right: 68px;
	bottom: 73px;
	width: 438px;
	height: 375px;
	background: rgba(3, 23, 68, 0.8);
}
.pearlRiverList-title{
	width: 100%;
	height: 48px;
	background: #FFAA2A;
}
.pearlRiverListBody .list-item-detailBtn a{background: #FFAA2A;}
.pearlRiverListBody .riverList::-webkit-scrollbar-thumb{background: #FFAA2A;}
.icon-hover{
	width: 33px;
	height: 54px;
	z-index: 99;
	background: url(../img/index/icon-hover.png);
	background-size: 100% 100%;
}
/* 项目主要成果 */
.mainProjectAchievements{width: 170px;}
#mainProjectAchievementsSwiper{
	width: 1400px;
	height: 754px;
	margin: 40px auto;
	position: relative;
}
#mainProjectAchievementsSwiper .swiper .swiper-slide a{display: block;width: 100%;height: 100%;cursor: pointer;}
.mainAchievements-item-img,.mainAchievements-item-img img{
	width: 323px;
	height: 438px;
}
.mainAchievements-item-contain{
	width: 323px;
	height: 281px;
	margin-top: 35px;
	border-left: 10px solid #59D5F5;
	padding-left: 25px;
}
.mainAchievements-item-title{
	/* font-size: 0.24rem; */
	font-size: 24px;
	font-weight: bold;
	text-align: left;
	line-height: 31px;
	color: #315198;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.mainAchievements-item-time{
	margin-top: 30px;
	/* font-size: 0.16rem; */
	font-size: 16px;
	font-family: "Source Han Serif CN";
	font-weight: 500;
	text-align: left;
	line-height: 27px;
	color: #FFAA2A;
}
.mainAchievements-item-text{
	margin-top: 10px;
	/* font-size: 0.18rem; */
	font-size: 18px;
	font-family: "Source Han Serif CN";
	font-weight: 500;
	line-height: 27px;
	color: #565656;word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
#mainProjectAchievementsSwiper .swiper-button-next{
	width: 98px;
	height: 218px;
	background: url(../img/index/swiper-button-next.png);
	background-size: 100% 100%;
	top: 50%;
	right: -150px;
	transform: translate(-50%,-50%);
}
#mainProjectAchievementsSwiper .swiper-button-prev{
	width: 98px;
	height: 218px;
	background: url(../img/index/swiper-button-prev.png);
	background-size: 100% 100%;
	top: 50%;
	left: -50px;
	transform: translate(-50%,-50%);
}
#mainProjectAchievementsSwiper .swiper-button-next:after, #mainProjectAchievementsSwiper .swiper-button-prev:after {
    content: '';
}
/* 项目历程 */
.projectMileage{
	width: 100%;
	height: 980px;
	margin-top: 80px;
	padding-top: 50px;
	background: url(../img/index/projectMileage.jpg);
	background-size: 100% 100%;
}
.projectMileage-title{
	width: 100%;
	height: 40px;
	text-align: center;
	/* font-size: 0.3rem; */
	font-size: 30px;
	font-weight: bold;
	line-height: 40px;
	color: #FFFFFF;
}
/* 时间轴 */
.clearfix:before,.clearfix:after{content:" ";display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;}
#projectMileage-content{
	width: 1800px;
	height: 700px;
	margin: 0 auto;
	margin-top: 200px;
}
#projectMileage-content .swiper-slide{background: transparent;}
#projectMileage-content .swiper-slide ul{width: 100%;height: 100%;}
#projectMileage-content .swiper-slide li{
	width: 20%;
	float: left;
	height: 100%;
}
#projectMileage-content .swiper-slide li a{
	display: block;
	width: 100%;
	position: relative;
	height: 320px;
}
#projectMileage-content .swiper-slide:nth-child(2n+1) li a{top: 250px;}
#projectMileage-content .swiper-slide:nth-child(2n) li a{top: 0px;}
.lc-left{position: absolute;}
#projectMileage-content .swiper-slide ul li .line{
	height: 250px;
	width: 2px;
	display: block;
	background-color: white;
	position: relative;
	left: 30px;
}
#projectMileage-content .swiper-slide:nth-child(2n+1) ul li .line{margin-bottom: 30px;}
#projectMileage-content .swiper-slide:nth-child(2n) ul li .line{margin-top: 30px;}
#projectMileage-content .swiper-slide:nth-child(2n+1) ul li .line::before{
	width: 25px;
	height: 25px;
	background-color: white;
	display: block;
	content: "";
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	top: -25px;
	left: -11px;
}
#projectMileage-content .swiper-slide:nth-child(2n) ul li .line::after{
	width: 25px;
	height: 25px;
	background-color: white;
	display: block;
	content: "";
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	bottom: -25px;
	left: -11px;
}
#projectMileage-content .swiper-slide ul li .lc-right{
	position: absolute;
	left: 30px;
	width: 400px;
	height: 100%;
	display: table;
}
#projectMileage-content .swiper-slide ul li .lc-right .right-text{
	padding: 20px;
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	color: white;
}
#projectMileage-content .swiper-slide:nth-child(2n+1) ul li .lc-right{top: 80px;}
#projectMileage-content .swiper-slide:nth-child(2n) ul li .lc-right{bottom: 68px;}
.right-text p{
	/* font-size: 0.26rem; */
	font-size: 26px;
}
.right-text h3{
	/* font-size: 0.24rem; */
	font-size: 24px;
	margin-bottom: 10px;
}
/* 美丽河口以及项目支撑 */
.videoAndProjectSupport{
	width: 100%;
	height: 1988px;
	background: url(../img/index/copyright.jpg);
	background-size: 100% 100%;
}
.videoBody{
	width: 1400px;
	height: 724px;
	margin: 0 auto;
	margin-top: 40px;
}
.videoBody video{
	width: 1400px;
	height: 724px;
}
/* 项目支撑 */
.supportUnits{
	width: 1354px;
	height: 380px;
	margin: 40px auto;
}
.supportUnits-item{
	width: 302px;
	height: 100%;
	margin-right: 224px;
	float: left;
}
.supportUnits-item:last-child{margin-right: 0;}
.unit-logo{
	width: 302px;
	height: 302px;
}
.unit-name{
	width: 100%;
	height: 32px;
	margin-top: 46px;
	/* font-size: 0.24rem; */
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	line-height: 32px;
	color: #141414;
}
.fao{background: url(../img/index/fao.png);background-size: 100% 100%;}
.forestry{background: url(../img/index/forestry.png);background-size: 100% 100%;}
.gef{background: url(../img/index/gef.png);background-size: 100% 100%;}
.partners{
	width: 360px;
	height: 60px;
	margin: 0 auto;
	margin-top: 120px;
}
.partners p{
	width: 100%;
	height: 30px;
	/* font-size: 0.24rem; */
	font-size: 24px;
	font-family: "Source Han Serif CN";
	font-weight: bold;
	text-align: center;
	line-height: 30px;
	color: #000000;
}
.partners p span{
	/* font-size: 0.2rem; */
	font-size: 20px;
	font-family: "Source Han Serif CN";
	font-weight: bold;
	line-height: 30px;
	color: #000000;
}
.partners p span:first-child{float: left;}
.partners p span:last-child{float: right;}
.projectParticipants{
	width: 1060px;
	height: 160px;
	margin: 100px auto;
}
.projectParticipants p{
	width: 100%;
	height: 40px;
	/* font-size: 0.24rem; */
	font-size: 24px;
	font-family: "Source Han Serif CN";
	font-weight: bold;
	text-align: center;
	line-height: 40px;
	color: #000000;
}
.projectParticipants p span{
	/* font-size: 0.2rem; */
	font-size: 20px;
	font-family: "Source Han Serif CN";
	font-weight: bold;
	line-height: 40px;
	color: #000000;
	text-align: left;
}
.projectParticipants p:nth-child(1){margin-bottom: 20px;}
.projectParticipants p:nth-child(2) span{margin-right: 80px;}
.projectParticipants p:nth-child(2) span:last-child{margin-right: 0;}
.projectParticipants p:nth-child(3) span:first-child{float: left;}
.projectParticipants p:nth-child(3) span:last-child{float: right;}

/* 1366分辨率 */
@media screen and (max-width: 1366px) {
	/* 回到顶部 */
	.goTop{
		right: 14px;
		bottom: 77px;
		width: 28px;
		height: 28px;
	}

	/* 河口生物多样性 */
	.commonModuleDiv{
		padding-top: 56px;
	}
	.commonTitle{
		height: 28px;
		line-height: 28px;
		font-size: 18px;
	}
	.commonIcon{
		top: -8px;
		left: -77px;
		width: 67px;
		height: 30px;
	}
	.biologyDiversity{width: 196px;}
	.biologyDiversity-instruction{
		width: 742px;
		margin: 28px auto;
		line-height: 37px;
		font-size: 17px;
	}
	.commonMoreBtn{
		width: 154px;
		height: 49px;
		border-radius: 6px;
		margin: 56px auto;
	}
	.commonMoreBtn a{
		width: 154px;
		height: 49px;
		line-height: 49px;
		font-size: 17px;
	}
	.commonModuleDivider{
		width: 602px;
		height: 12px;
	}
	/* 项目动态 */
	.projectDynamic{width: 77px;}
	.bgGreen{
		margin-top: 28px;
		padding-top: 45px;
	}
	#projectDynamicSwiper{
		width: 959px;
		height: 364px;
		/* margin: 0 203px 14px 182px; */
	}
	.projectDynamic-item-img{
		width: 560px;
		height: 315px;
	}
	.projectDynamic-item-instruction{
		width: 378px;
	}
	.projectDynamic-item-title{
		height: 21px;
		margin-top: 21px;
		line-height: 21px;
		font-size: 17px;
	}
	.projectDynamic-item-contain{
		margin-top: 14px;
		line-height: 25px;
		font-size: 14px;
	}
	/* 项目保护地分布 */
	.projectPprotectionAreaDistribution{width: 140px;}
	.projectPprotectionAreaDistributionBg{
		margin-top: 28px;
		height: 681px;
	}
	/* 黄河口项目地分布 */
	.yellowRiverEstuary{
		top: 33px;
		left: 521px;
		width: 217px;
		height: 153px;
	}
	.yellowRiver-title{
		top: 25px;
		left: -56px;
		width: 133px;
		height: 33px;
		box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
	}
	.yellowRiver-icon{
		width: 33px;
		height: 33px;
	}
	.yellowRiver-text{
		width: 99px;
		height: 33px;
		line-height: 33px;
		font-size: 17px;
	}
	.yellowRiver-distribution{
		width: 23px;
		height: 42px;
	}
	.yellow1{
		top: 25px;
		right: 63px;
	}
	.yellow2{
		top: 29px;
		right: 86px;
	}
	.yellow3{
		top: 25px;
		right: 110px;
	}
	.yellow4{
		top: 47px;
		left: 65px;
	}
	.yellow5{
		bottom: 39px;
		left: 96px;
	}
	.yellow6{
		bottom: 30px;
		right: 63px;
	}
	/* 黄河口项目地列表 */
	.yellowRiverListBody{
		right: 51px;
		top: 48px;
		width: 306px;
		height: 262px;
	}
	.yellowRiverList-title{
		height: 33px;
	}
	.list-icon{
		width: 24px;
		height: 32px;
		margin: 1px 8px;
	}
	.list-text{
		line-height: 33px;
		font-size: 14px;
	}
	.riverList{
		height: 229px;
	}
	.list-item{
		height: 77px;
		padding: 10px 5px 9px 5px;
	}
	.list-item-img{
		width: 99px;
		height: 56px;
	}
	.list-item-contain{
		width: 175px;
		height: 56px;
	}
	.list-item-name{
		width: 161px;
		height: 39px;
		line-height: 14px;
		font-size: 12px;
	}
	.list-item-detailBtn{
		height: 16px;
	}
	.list-item-detailBtn a{
		width: 49px;
		height: 16px;
		border-radius: 3px;
		line-height: 16px;
	}
	.riverList::-webkit-scrollbar{width: 5px;}
	/* 珠江口项目地分布 */
	.pearlRiverEstuary{
		bottom: 51px;
		left: 291px;
		width: 234px;
		height: 163px;
	}
	.pearlRiver-title{
		top: -9px;
		right: -51px;
		width: 133px;
		height: 33px;
	}
	.pearlRiver-text{
		width: 99px;
		height: 33px;
		line-height: 33px;
		font-size: 17px;
	}
	.pearlRiver-icon{
		width: 33px;
		height: 33px;
	}
	.pearlRiver-distribution{
		width: 22px;
		height: 43px;
	}
	.pearl1{
		top: 63px;
		left: 45px;
	}
	.pearl2{
		top: 45px;
		left: 74px;
	}
	.pearl3{
		top: 24px;
		left: 102px;
	}
	.pearl4{
		top: 45px;
		right: 82px;
	}
	.pearl5{
		top: 49px;
		right: 52px;
	}
	/* 珠江口项目地列表 */
	.pearlRiverListBody{
		right: 47px;
		bottom: 51px;
		width: 306px;
		height: 262px;
	}
	.pearlRiverList-title{
		height: 33px;
	}
	.icon-hover{
		width: 23px;
		height: 37px;
	}
	/* 项目主要成果 */
	.mainProjectAchievements{width: 119px;}
	#mainProjectAchievementsSwiper{
		width: 980px;
		height: 527px;
		margin: 28px auto;
		position: relative;
	}
	.mainAchievements-item-img,.mainAchievements-item-img img{
		width: 226px;
		height: 306px;
	}
	.mainAchievements-item-contain{
		width: 226px;
		height: 196px;
		margin-top: 24px;
		border-left: 7px solid #59D5F5;
		padding-left: 17px;
	}
	.mainAchievements-item-title{
		line-height: 21px;
		font-size: 17px;
	}
	.mainAchievements-item-time{
		margin-top: 21px;
		line-height: 19px;
		font-size: 12px;
	}
	.mainAchievements-item-text{
		margin-top: 7px;
		line-height: 19px;
		font-size: 12px;
	}
	#mainProjectAchievementsSwiper .swiper-button-next{
		width: 68px;
		height: 152px;
		right: -105px;
	}
	#mainProjectAchievementsSwiper .swiper-button-prev{
		width: 68px;
		height: 152px;
		left: -35px;
	}
	/* 项目历程 */
	.projectMileage{
		height: 686px;
		margin-top: 56px;
		padding-top: 35px;
	}
	.projectMileage-title{
		height: 28px;
		line-height: 28px;
		font-size: 21px;
	}
	/* 时间轴 */
	#projectMileage-content{
		width: 1260px;
		height: 490px;
		margin-top: 140px;
	}
	#projectMileage-content .swiper-slide li a{
		height: 224px;
	}
	#projectMileage-content .swiper-slide:nth-child(2n+1) li a{top: 175px;}
	#projectMileage-content .swiper-slide ul li .line{
		height: 175px;
		width: 1px;
		left: 21px;
	}
	#projectMileage-content .swiper-slide:nth-child(2n+1) ul li .line{margin-bottom: 21px;}
	#projectMileage-content .swiper-slide:nth-child(2n) ul li .line{margin-top: 21px;}
	#projectMileage-content .swiper-slide:nth-child(2n+1) ul li .line::before{
		width: 17px;
		height: 17px;
		top: -17px;
		left: -7px;
	}
	#projectMileage-content .swiper-slide:nth-child(2n) ul li .line::after{
		width: 17px;
		height: 17px;
		bottom: -17px;
		left: -7px;
	}
	#projectMileage-content .swiper-slide ul li .lc-right{
		left: 21px;
		width: 280px;
	}
	#projectMileage-content .swiper-slide ul li .lc-right .right-text{
		padding: 14px;
	}
	#projectMileage-content .swiper-slide:nth-child(2n+1) ul li .lc-right{top: 56px;}
	#projectMileage-content .swiper-slide:nth-child(2n) ul li .lc-right{bottom: 47px;}
	.right-text p{
		font-size: 18px;
	}
	.right-text h3{
		margin-bottom: 7px;
		font-size: 17px;
	}
	/* 美丽河口以及项目支撑 */
	.videoAndProjectSupport{
		height: 1391px;
	}
	.videoBody{
		width: 980px;
		height: 506px;
		margin-top: 28px;
	}
	.videoBody video{
		width: 980px;
		height: 506px;
	}
	/* 项目支撑 */
	.supportUnits{
		width: 947px;
		height: 266px;
		margin: 28px auto;
	}
	.supportUnits-item{
		width: 211px;
		margin-right: 157px;
	}
	.unit-logo{
		width: 211px;
		height: 211px;
	}
	.unit-name{
		height: 22px;
		margin-top: 32px;
		line-height: 22px;
		font-size: 17px;
	}
	.partners{
		width: 252px;
		height: 42px;
		margin-top: 84px;
	}
	.partners p{
		height: 21px;
		line-height: 21px;
		font-size: 17px;
	}
	.partners p span{
		line-height: 21px;
		font-size: 14px;
	}
	.projectParticipants{
		width: 742px;
		height: 112px;
		margin: 70px auto;
	}
	.projectParticipants p{
		height: 28px;
		line-height: 28px;
		font-size: 17px;
	}
	.projectParticipants p span{
		line-height: 28px;
		font-size: 14px;
	}
	.projectParticipants p:nth-child(1){margin-bottom: 14px;}
	.projectParticipants p:nth-child(2) span{margin-right: 56px;}

}

/* 1600分辨率 */
@media screen and (min-width: 1367px) and (max-width: 1600px){
	/* 回到顶部 */
	.goTop{
		right: 16px;
		bottom: 88px;
		width: 32px;
		height: 32px;
	}

	/* 河口生物多样性 */
	.commonModuleDiv{
		padding-top: 64px;
	}
	.commonTitle{
		height: 32px;
		line-height: 32px;
		font-size: 20px;
	}
	.commonIcon{
		top: -9px;
		left: -88px;
		width: 76px;
		height: 34px;
	}
	.biologyDiversity{width: 224px;}
	.biologyDiversity-instruction{
		width: 848px;
		margin: 32px auto;
		line-height: 43px;
		font-size: 19px;
	}
	.commonMoreBtn{
		width: 176px;
		height: 56px;
		border-radius: 7px;
		margin: 64px auto;
	}
	.commonMoreBtn a{
		width: 176px;
		height: 56px;
		line-height: 56px;
		font-size: 19px;
	}
	.commonModuleDivider{
		width: 688px;
		height: 14px;
	}
	/* 项目动态 */
	.projectDynamic{width: 88px;}
	.bgGreen{
		margin-top: 32px;
		padding-top: 52px;
	}
	#projectDynamicSwiper{
		width: 1096px;
		height: 416px;
		/* margin: 0 232px 16px 208px; */
	}
	.projectDynamic-item-img{
		width: 640px;
		height: 360px;
	}
	.projectDynamic-item-instruction{
		width: 432px;
	}
	.projectDynamic-item-title{
		height: 24px;
		margin-top: 24px;
		line-height: 24px;
		font-size: 19px;
	}
	.projectDynamic-item-contain{
		margin-top: 16px;
		line-height: 28px;
		font-size: 16px;
	}
	/* 项目保护地分布 */
	.projectPprotectionAreaDistribution{width: 160px;}
	.projectPprotectionAreaDistributionBg{
		margin-top: 32px;
		height: 779px;
	}
	/* 黄河口项目地分布 */
	.yellowRiverEstuary{
		top: 38px;
		left: 596px;
		width: 248px;
		height: 175px;
	}
	.yellowRiver-title{
		top: 28px;
		left: -64px;
		width: 152px;
		height: 38px;
		box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.16);
	}
	.yellowRiver-icon{
		width: 38px;
		height: 38px;
	}
	.yellowRiver-text{
		width: 113px;
		height: 38px;
		line-height: 38px;
		font-size: 19px;
	}
	.yellowRiver-distribution{
		width: 26px;
		height: 48px;
	}
	.yellow1{
		top: 28px;
		right: 72px;
	}
	.yellow2{
		top: 33px;
		right: 99px;
	}
	.yellow3{
		top: 28px;
		right: 125px;
	}
	.yellow4{
		top: 54px;
		left: 74px;
	}
	.yellow5{
		bottom: 44px;
		left: 110px;
	}
	.yellow6{
		bottom: 34px;
		right: 72px;
	}
	/* 黄河口项目地列表 */
	.yellowRiverListBody{
		right: 58px;
		top: 55px;
		width: 349px;
		height: 300px;
	}
	.yellowRiverList-title{
		height: 38px;
	}
	.list-icon{
		width: 28px;
		height: 36px;
		margin: 1px 9px;
	}
	.list-text{
		line-height: 38px;
		font-size: 16px;
	}
	.riverList{
		height: 261px;
	}
	.list-item{
		height: 88px;
		padding: 12px 6px 11px 6px;
	}
	.list-item-img{
		width: 113px;
		height: 64px;
	}
	.list-item-contain{
		width: 200px;
		height: 64px;
	}
	.list-item-name{
		width: 184px;
		height: 44px;
		line-height: 16px;
		font-size: 14px;
	}
	.list-item-detailBtn{
		height: 19px;
	}
	.list-item-detailBtn a{
		width: 56px;
		height: 19px;
		border-radius: 4px;
		line-height: 19px;
	}
	.riverList::-webkit-scrollbar{width: 6px;}
	/* 珠江口项目地分布 */
	.pearlRiverEstuary{
		bottom: 58px;
		left: 332px;
		width: 268px;
		height: 187px;
	}
	.pearlRiver-title{
		top: -10px;
		right: -58px;
		width: 152px;
		height: 38px;
		box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.16);
	}
	.pearlRiver-text{
		width: 113px;
		height: 38px;
		line-height: 38px;
		font-size: 19px;
	}
	.pearlRiver-icon{
		width: 38px;
		height: 38px;
	}
	.pearlRiver-distribution{
		width: 25px;
		height: 49px;
	}
	.pearl1{
		top: 72px;
		left: 52px;
	}
	.pearl2{
		top: 52px;
		left: 84px;
	}
	.pearl3{
		top: 28px;
		left: 116px;
	}
	.pearl4{
		top: 52px;
		right: 93px;
	}
	.pearl5{
		top: 56px;
		right: 60px;
	}
	/* 珠江口项目地列表 */
	.pearlRiverListBody{
		right: 54px;
		bottom: 58px;
		width: 350px;
		height: 300px;
	}
	.pearlRiverList-title{
		height: 38px;
	}
	.icon-hover{
		width: 26px;
		height: 43px;
	}
	/* 项目主要成果 */
	.mainProjectAchievements{width: 136px;}
	#mainProjectAchievementsSwiper{
		width: 1120px;
		height: 603px;
		margin: 32px auto;
	}
	.mainAchievements-item-img,.mainAchievements-item-img img{
		width: 258px;
		height: 350px;
	}
	.mainAchievements-item-contain{
		width: 258px;
		height: 224px;
		margin-top: 28px;
		border-left: 8px solid #59D5F5;
		padding-left: 20px;
	}
	.mainAchievements-item-title{
		line-height: 24px;
		font-size: 19px;
	}
	.mainAchievements-item-time{
		margin-top: 24px;
		line-height: 21px;
		font-size: 14px;
	}
	.mainAchievements-item-text{
		margin-top: 8px;
		line-height: 21px;
		font-size: 14px;
	}
	#mainProjectAchievementsSwiper .swiper-button-next{
		width: 78px;
		height: 174px;
		right: -120px;
	}
	#mainProjectAchievementsSwiper .swiper-button-prev{
		width: 78px;
		height: 174px;
		left: -40px;
	}
	/* 项目历程 */
	.projectMileage{
		height: 784px;
		margin-top: 64px;
		padding-top: 40px;
	}
	.projectMileage-title{
		height: 32px;
		line-height: 32px;
		font-size: 24px;
	}
	/* 时间轴 */
	#projectMileage-content{
		width: 1440px;
		height: 560px;
		margin-top: 160px;
	}
	#projectMileage-content .swiper-slide li a{
		height: 256px;
	}
	#projectMileage-content .swiper-slide:nth-child(2n+1) li a{top: 200px;}
	#projectMileage-content .swiper-slide ul li .line{
		height: 200px;
		left: 24px;
	}
	#projectMileage-content .swiper-slide:nth-child(2n+1) ul li .line{margin-bottom: 24px;}
	#projectMileage-content .swiper-slide:nth-child(2n) ul li .line{margin-top: 24px;}
	#projectMileage-content .swiper-slide:nth-child(2n+1) ul li .line::before{
		width: 20px;
		height: 20px;
		top: -20px;
		left: -9px;
	}
	#projectMileage-content .swiper-slide:nth-child(2n) ul li .line::after{
		width: 20px;
		height: 20px;
		bottom: -20px;
		left: -9px;
	}
	#projectMileage-content .swiper-slide ul li .lc-right{
		left: 24px;
		width: 320px;
	}
	#projectMileage-content .swiper-slide ul li .lc-right .right-text{
		padding: 16px;
	}
	#projectMileage-content .swiper-slide:nth-child(2n+1) ul li .lc-right{top: 64px;}
	#projectMileage-content .swiper-slide:nth-child(2n) ul li .lc-right{bottom: 54px;}
	.right-text p{font-size: 20px;}
	.right-text h3{
		margin-bottom: 8px;
		font-size: 19px;
	}
	/* 美丽河口以及项目支撑 */
	.videoAndProjectSupport{
		height: 1590px;
	}
	.videoBody{
		width: 1120px;
		height: 579px;
		margin-top: 32px;
	}
	.videoBody video{
		width: 1120px;
		height: 579px;
	}
	/* 项目支撑 */
	.supportUnits{
		width: 1083px;
		height: 304px;
		margin: 32px auto;
	}
	.supportUnits-item{
		width: 241px;
		margin-right: 180px;
	}
	.unit-logo{
		width: 241px;
		height: 241px;
	}
	.unit-name{
		height: 25px;
		margin-top: 36px;
		line-height: 25px;
		font-size: 19px;
	}
	.partners{
		width: 288px;
		height: 48px;
		margin-top: 96px;
	}
	.partners p{
		height: 24px;
		line-height: 24px;
		font-size: 19px;
	}
	.partners p span{
		line-height: 24px;
		font-size: 16px;
	}
	.projectParticipants{
		width: 848px;
		height: 128px;
		margin: 80px auto;
	}
	.projectParticipants p{
		height: 32px;
		line-height: 32px;
		font-size: 19px;
	}
	.projectParticipants p span{
		line-height: 32px;
		font-size: 16px;
	}
	.projectParticipants p:nth-child(1){margin-bottom: 16px;}
	.projectParticipants p:nth-child(2) span{margin-right: 64px;}
}