.pagination{margin:20px 0 0;text-align:center;font-size:12px}.pagination ul>li{display:inline;line-height:24px;}.pagination ul>li>a,.pagination ul>li>span{margin:0 2px;display:inline-block;padding:4px 14px;background-color:#ddd;color:#666;border-radius:2px}.pagination ul>.active>a,.pagination ul>.active>span,.pagination ul>li>a:hover{background-color:#2C74E6;color:#fff}.pagination ul>li>span{color:#999;background-color:transparent}.pagination ul>li.previous-page,.pagination ul>li.next-page,.pagination ul>li.pages-num{display:none}@media (max-width:767px){.pagination ul>li{display:none}.pagination ul>li.previous-page,.pagination ul>li.next-page,.pagination ul>li.pages-num{display:inline-block}}
	
	* {
		margin: 0;
		padding: 0;
		font-family: "微软雅黑";
	}
	
	body a {
		text-decoration: none;
	}
	
	ul>li {
		list-style: none;
	}
	
	img {
		max-width: 100%;
		max-height: 100%;
	}
	
	.img {
		position: relative;
		overflow: hidden;
	}
	
	.img img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		max-width: 100%;
		max-height: 100%;
		cursor: pointer;
		transition: all 2s;
	}
	
	.img img:hover {
		-ms-transform: translate(-50%, -50%) scale(1.1);
		-webkit-transform: translate(-50%, -50%) scale(1.1);
		transform: translate(-50%, -50%) scale(1.1);
	}
	
	.max {
		max-width: 1360px;
		margin: 0 auto;
	}
	
	.see {
		width: 150px;
		display: block;
		border-bottom: 2px solid #ddd;
		text-align: center;
		font-size: 16px;
		color: #666;
		line-height: 32px;
		text-transform: uppercase;
		margin:0 auto;
	}
	
	.see:hover {
		border-bottom: 2px solid #006ab8;
		color: #006ab8;
	}
	
	.see1 {
		width: 150px;
		display: block;
		text-align: center;
		font-size: 16px;
		color: #666;
		line-height: 32px;
		margin: 0 auto;
	}
	
	.see1:hover {
		color: #006ab8;
	}
	.see2 {
		width: 150px;
		display: block;
		text-align: center;
		font-size: 16px;
		color: #666;
		line-height: 32px;
		margin: 0 auto;
	}
	
	.see2:hover {
		color: #006ab8;
	}
	/*标题*/
	
	.title {
		text-align: center;
	}
	
	.title h6 {
		font-size: 30px;
		color: #333;
		margin-bottom: 10px;
	}
	
	.title p {
		font-size: 18px;
		color: #006ab8;
		text-transform: uppercase;
	}
	
	.title3 {
		text-align: center;
	}
	
	.title3 h6 {
		font-size: 36px;
		color: #006ab8;
	}
	
	.title3 p {
		font-size: 24px;
		color: #006ab8;
		text-transform: uppercase;
		margin: 10px 0 30px 0;
	}
	
	.title4 {
		margin: 0 0 20px 30px;
	}
	
	.title4 h6 {
		font-size: 24px;
		color: #000;
		background-image: url("../image/46.jpg");
		background-repeat: no-repeat;
		background-position: 0 100%;
		line-height: 32px;
		padding-left: 10px;
	}
	
	.title44 h6 {
		background-image: url("../image/58.jpg");
	}
	
	.title444 h6 {
		background-image: url("../image/59.jpg");
	}
	
	.title4444 h6 {
		background-image: url("../image/66.jpg");
	}
	/*路径导航 */
	
	.pathNavigation {
		background: #f7f7f7;
		margin-top: -4px;
	}
	
	.pathNavigation .path {
		float: left;
	}
	
	.pathNavigation .path li {
		float: left;
		line-height: 60px;
		height: 60px;
		padding:0 20px;
		text-align: center;
		transition: 3s;
	}
	
	.pathNavigation .path li a {
		font-size: 16px;
		color: #666;
	}
	/*选中效果*/
	
	.pathNavigation .path .po {
		background: #006AB8;
	}
	
	.pathNavigation .path .po a {
		color: #fff;
	}
	/*hover效果*/
	
	.pathNavigation .path li:hover {
		background: #006AB8;
	}
	
	.pathNavigation .path li:hover a {
		color: #fff;
	}
	
	.pathNavigation .navigation {
		float: right;
		text-align: right;
	}
	
	.pathNavigation .navigation a {
		font-size: 16px;
		color: #006ab8;
		line-height: 60px;
		height: 60px;
	}
	/***********分页*************/
	
	.paging {
		text-align: center;
	}
	
	.paging .po {
		background: #018ed6;
		color: #fff;
	}
	
	.paging a {
		padding: 10px 20px;
		background: #f0f0f0;
		margin-right: 10px;
		font-size: 14px;
		color: #333;
		font-family: "微软雅黑";
		border-radius: 3px;
	}
	
	.paging a:last-child {
		margin-right: 0px;
	}
	
	.paging a:hover {
		background: #018ed6;
		color: #fff;
	}
	/***************************首页********************/
	/*顶部*/
	
	.header {
		padding-top: 10px;
	}
	
	.header .max {}
	
	.header .logo {
		float: left;
		max-width: 244px;
		max-height: 76px;
	}
	.header .logo img{max-height:74px;}
	/*导航*/
	
	.btn {
		position: absolute;
		top: 20px;
		right: 20px;
		z-index: 999;
		display: none;
	}
	
	.btn div {
		width: 24px;
		height: 2px;
		background: #0056B3;
		margin-bottom: 6px;
	}
	
	.header .nav {
		margin: 0 80px;
		float: left;
		width: calc(100% - 468px - 160px);
	}
	
	.header .nav li {
		float: left;
		width: 14%;
		text-align: center;
		padding: 27px 0;
		position: relative;
	}
	
	.header .nav li a {
		font-size: 16px;
		color: #333;
		font-weight: 600;
		transition: 2s;
	}
	/*选中效果*/
	
	.header .nav .no {
		border-bottom: 2px solid #006ab8;
	}
	
	.header .nav .no a {
		color: #006ab8;
	}
	/*hover*/
	
	.header .nav li:hover {
		border-bottom: 2px solid #006ab8;
	}
	
	.header .nav li:hover a {
		color: #006ab8;
	}
	
	.header .phone {
		float: right;
		max-width: 224px;
		max-height: 52px;
		margin-top: 10px;
	}
	/*二级导航*/
	
	.two {
		min-width: 100%;
		z-index: 999;
		position: absolute;
		top: 100%;
		display: none;
		background: rgba(0, 86, 179, 0.7);
	}
	
	.nav li:hover .two {
		display: block;
	}
	
	.nav li .two a {
		display: block;
		width: 90%;
		color: #fff;
		font-size: 14px;
		line-height: 50px;
		height: 50px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding: 0 5%;
	}
	/*选中效果*/
	
	.nav li .two .to {
		background: rgba(108, 201, 180, 0.7);
	}
	
	.nav li .two a:hover {
		background: rgba(108, 201, 180, 0.7);
	}
	
	.nav li:hover .two a {
		color: #fff;
	}
	/*轮播*/
	
	.swiper-one .swiper-pagination-bullet {
		background: #fff;
		width: 15px;
		height: 15px;
		opacity: 1;
	}
	
	.swiper-one .swiper-pagination-bullet-active {
		background: #006ab8;
	}
	/*关于我们*/
	
	.about_us {
		padding: 140px 0 60px 0;
		position: relative;
	}
	
	.about_us .img {
		width: 577px;
		box-shadow: 0 0 2px #DDDDDD;
		float: left;
	}
	
	.about_us .us {
		width: calc(896px - 170px);
		background-image: url("../image/4.jpg");
		background-repeat: no-repeat;
		background-position: 100% 100%;
		background-size: 100% 100%;
		box-shadow: 0px 0px 5px #ddd;
		float: right;
		padding: 60px 85px 40px 85px;
		position: absolute;
		top: 60px;
		right: 0;
	}
	
	.us h6 {
		font-size: 30px;
		color: #333;
		margin-bottom: 10px;
		font-weight: 500;
	}
	
	.us b {
		font-size: 30px;
		color: #006ab8;
		text-transform: uppercase;
		font-weight: 500;
	}
	
	.us .text {
		font-size: 16px;
		color: #666;
		margin: 30px 0;
		overflow: hidden;
	}
	
	.us .text p {
		line-height: 32px;
		text-indent: 2em;
	}
	
	.us:hover .see {
		border-bottom: 2px solid #006ab8;
		color: #006ab8;
	}
	/*特色课程*/
	
	.curriculum {
		background-image: url("../image/6.png");
		background-repeat: no-repeat;
		/*background-position: 100% 100%;
		background-size: 100% 100%;*/
		border-top: 1px solid #fff;
	}
	
	.curriculum #curriculum {
		background-image: url("../image/7.png");
		background-repeat: no-repeat;
		/*background-position: 100% 100%;
		background-size: 100% 100%;*/
	}
	
	.curriculum .title {
		margin: 90px 0 60px 0;
	}
	/*介绍*/
	
	.charac {
		width: 49%;
		float: left;
		position: relative;
		margin: 0 2% 2% 0;
	}
	
	.charac img {
		width: 180px;
		height: 180px;
		border-radius: 100%;
		float: left;
		position: absolute;
		top: 0;
		left: 10px;
	}
	
	.teristic {
		float: right;
		background: #a3ccea;
		width: calc(100% - 180px - 50px);
		padding: 25px;
		border-radius: 5%;
	}
	
	.teristic h6 {
		font-size: 20px;
		color: #fff;
		margin-bottom: 10px;
	}
	
	.teristic p {
		font-size: 16px;
		color: #fff;
		line-height: 32px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
	}
	/*第二个样式*/
	
	.charac2 {
		width: 49%;
		float: left;
		position: relative;
		margin: 0 0 2% 0;
	}
	
	.charac2 img {
		width: 180px;
		height: 180px;
		border-radius: 100%;
		float: right;
		position: absolute;
		top: 0;
		right: 10px;
	}
	
	.teristic2 {
		float: left;
		background: #f2be6b;
		width: calc(100% - 180px - 50px);
		padding: 25px;
		border-radius: 5%;
	}
	
	.teristic2 h6 {
		font-size: 20px;
		color: #fff;
		margin-bottom: 10px;
	}
	
	.teristic2 p {
		font-size: 16px;
		color: #fff;
		line-height: 32px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
	}
	
	.charac .colo1 {
		background: #ff8181;
	}
	
	.charac2 .colo2 {
		background: #61dbe6;
	}
	
	.characteristic .read {
		padding: 40px 0 60px 0;
	}
	
	.characteristic .see {
		margin: 0 auto;
	}
	
	.characteristic .see:hover {
		border-bottom: 2px solid #006ab8;
		color: #006ab8;
	}
	/*图片旋转*/
	
	@-webkit-keyframes rotation {
		from {
			-webkit-transform: rotate(0deg);
		}
		to {
			-webkit-transform: rotate(360deg);
		}
	}
	
	.charac:hover .n_picture_adm {
		-webkit-transform: rotate(360deg);
		animation: rotation 5s linear infinite;
		-moz-animation: rotation 5s linear infinite;
		-webkit-animation: rotation 5s linear infinite;
		-o-animation: rotation 5s linear infinite;
	}
	
	.charac2:hover .n_picture_adm {
		-webkit-transform: rotate(360deg);
		animation: rotation 5s linear infinite;
		-moz-animation: rotation 5s linear infinite;
		-webkit-animation: rotation 5s linear infinite;
		-o-animation: rotation 5s linear infinite;
	}
	/*海洋论坛*/
	
	.oceanForum .title {
		padding: 60px 0 30px 0;
	}
	
	.ocean .forum {
		width: 32%;
		float: left;
		margin-right: 2%;
		position: relative;
	}
	
	.ocean .forum .img {
		box-shadow: 0 0 2px #ddd;
	}
	
	.ocean .forum:nth-child(3) {
		margin-right: 0%;
	}
	
	.ocean .forum p {
		width: 100%;
		position: absolute;
		bottom: 0;
		text-align: center;
		line-height: 60px;
		background-color: rgba(97, 135, 203, 0.5);
		font-size: 18px;
		color: #fff;
	}
	/*报名表*/
	
	.entryForm {
		background-image: url("../image/15.jpg");
		background-repeat: no-repeat;
		/*background-position: 100% 100%;
		background-size: 100% 100%;*/
		margin: 60px 0 0 0;
		padding: 90px 0;
	}
	
	.volunteer {
		background-color: rgba(228, 242, 249, 0.8);
		padding: 30px 50px 20px 50px;
		margin-bottom: 40px;
	}
	
	.volunteer h3 {
		text-align: center;
		font-size: 28px;
		line-height: 32px;
		color: #c93d46;
		margin-bottom: 20px;
	}
	
	.volunteer p {
		font-size: 14px;
		line-height: 28px;
		color: #2e2e2e;
		text-indent: 2em;
	}
	
	.volunteer .see {
		margin: 10px auto 0 auto;
	}
	
	.experienceLesson {
		width: 46%;
		float: left;
	}
	
	.experienceLesson h6 {
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		font-size: 24px;
		color: #ff4b4b;
		line-height: 70px;
		background-color: rgba(163, 204, 234, 0.8);
		text-align: center;
	}
	
	.experienceLesson form {
		background-color: rgba(228, 242, 249, 0.8);
		padding: 0 30px 30px 30px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}
	
	.experienceLesson form p {
		font-size: 16px;
		color: #ff8181;
		padding: 20px 0;
		line-height: 2;
	}
	
	.experienceLesson form .erp input {
		width: 47%;
		float: left;
		margin: 0 5% 5% 0;
		font-size: 14px;
		color: #7a7a7a;
		line-height: 50px;
		text-indent: 1em;
		border-radius: 5px;
		border: none;
		outline: none
	}
	
	.experienceLesson form .erp .add {
		width: 100%;
	}
	
	.experienceLesson form .erp input:nth-child(2n) {
		margin-right: 0%;
	}
	
	.experienceLesson form button {
		display: block;
		width: 160px;
		font-size: 16px;
		line-height: 40px;
		background: #ff4b4b;
		text-align: center;
		color: #fff;
		border: none;
		outline: none;
		border-radius: 10px;
		margin: 0 auto;
	}
	/*第二个表单*/
	
	.entry .experienceLesson:nth-child(2) {
		float: right;
	}
	
	.entry .experienceLesson:nth-child(2) form p {
		color: #006ab8;
	}
	
	.entry .experienceLesson:nth-child(2) h6 {
		color: #006ab8;
	}
	
	.entry .experienceLesson:nth-child(2) form button {
		background: #006ab8;
	}
	/*团队风采*/
	
	.teamDemeanor {
		background-image: url("../image/16.jpg");
		background-repeat: no-repeat;
		background-position: 100% 100%;
	}
	
	.teamDemeanor .title {
		padding: 60px 0 30px 0;
	}
	
	.team .img {
		width: 23%;
		float: left;
		margin: 0 2.3% 2.3% 0;
		box-shadow: 0 0 2px #ddd;
	}
	
	.team .img:nth-child(4n) {
		margin-right: 0%;
	}
	
	.team .see {
		margin: 10px auto 0 auto;
	}
	/*优生优育*/
	
	.eugenics {
		padding: 77px 0;
		background-image: url("../image/17.jpg");
		background-repeat: no-repeat;
	}
	
	.eugenics .title2 {
		margin-bottom: 35px;
	}
	
	.eugenics .title2 h6 {
		font-size: 30px;
		color: #000;
		float: left;
	}
	
	.eugenics .title2 .see {
		float: right;
	}
	
	.euge .nics {
		width: 23%;
		float: left;
		margin-right: 2.5%;
	}
	
	.euge1 .nics {
		margin-bottom: 2%;
	}
	
	.euge .nics:nth-child(4n) {
		margin-right: 0%;
	}
	
	.euge .nics:nth-child(4n) {
		margin-right: 0%;
	}
	
	.euge .nics .img {
		box-shadow: 0 0 2px #ddd;
	}
	
	.nics h6 {
		font-size: 18px;
		color: #333;
		margin: 15px 0;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}
	
	.nics p {
		font-size: 14px;
		color: #7a7a7a;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		line-height: 24px;
	}
	
	.nics div {
		margin-top: 20px;
	}
	
	.nics div ol {
		font-size: 14px;
		color: #7a7a7a;
		float: left;
	}
	
	.nics div ol:nth-child(2) {
		float: right;
	}
	
	.nics div ol img {
		float: left;
	}
	
	.nics div ol span {
		float: left;
		margin: -1px 0 0 5px;
	}
	
	.nics:hover h6 {
		color: #e2d277;
	}
	
	.nics:hover p {
		color: #e2d277;
	}
	/*底部*/
	
	.footer {
		background: #f7f7f7;
	}
	
	.footer .foot {
		padding-bottom: 30px;
	}
	
	.foot .left {
		width: 50%;
		float: left;
		margin-right: 150px;
	}
	
	.foot .left ul {
		float: left;
		margin-right: 40px;
	}
	
	.foot .left ul li {
		line-height: 32px;
		height: 32px;
	}
	
	.foot .left ul li a {
		font-size: 14px;
		color: #999;
	}
	
	.foot .left ul li:nth-child(1) {
		margin-bottom: 10px;
	}
	
	.foot .left ul li:nth-child(1) a {
		color: #666;
		font-size: 16px;
	}
	
	.foot .right {
		width: calc(50% - 150px);
		float: right;
	}
	
	.foot .right>p {
		font-size: 16px;
		color: #474747;
		margin-bottom: 30px;
	}
	
	.foot .right p img {
		margin-right: 5px;
	}
	
	.foot .right .wxgzh {
		float: left;
	}
	
	.foot .right .wxgzh1 {
		margin-left: 20px;
	}
	
	.foot .right .wxgzh img {
		max-width: 140px;
		max-height: 140px;
	}
	
	.foot .right .wxgzh p {
		font-size: 14px;
		margin-top: 10px;
		color: #006ab8;
		text-align: center;
	}
	
	.foot .right .footlogo {
		float: right;
	}
	
	.foot .right .footlogo img {
		max-width: 140px;
		max-height: 140px;
	}
	
	.footer .bottom {
	}
	
	.footer .bottom p {
		line-height: 57px;
		height: 57px;
		float: left;
		font-size: 14px;
		color: #666;
	}
	
	.footer .bottom p:nth-child(2) {
		float: right;
	}
	/***************************关于我们********************/
	/*背景图*/
	
	.bjt {
		background-image: url("../image/37.jpg");
		background-repeat: no-repeat;
		padding: 60px 0;
	}
	/*品牌简介*/
	
	.brandIntroduction .bra {
		padding: 60px;
		background: #fbfbfb;
		border-radius: 10px;
		font-size: 16px;
		color: #333;
		line-height: 32px;
	}
	
	.brandIntroduction .bra p {
		text-indent: 2em;
		margin-bottom: 30px;
	}
	
	.brandIntroduction .bra p:last-child {
		margin-bottom: 0px;
	}
	/*创始人寄语*/
	
	.founderMessage {
		background-color: rgba(241, 251, 255, 0.8);
		padding: 60px 0;
	}
	
	.founder {
		width: 55%;
		float: left;
		margin-right: 50px;
	}
	
	.founder h6 {
		font-size: 30px;
		color: #333;
		font-weight: 500;
	}
	
	.founder b {
		font-size: 30px;
		color: #006ab8;
		text-transform: uppercase;
		font-weight: 500;
		line-height: 50px;
	}
	
	.founderFont {
		margin-top: 30px;
		font-size: 16px;
		line-height: 32px;
		color: #666;
	}
	
	.founderFont p {
		text-indent: 2em;
	}
	
	.message {
		width: calc(45% - 50px);
		float: right;
	}
	
	.message .img {
		box-shadow: 0 0 2px #ddd;
	}
	/*海洋荣誉*/
	
	.oceanHonor {
		margin-top: 65px;
	}
	
	.oceanHonor .honor {
		background-color: rgba(241, 251, 255, 0.8);
		padding: 60px 80px;
	}
	
	.honor .honorfont {
		font-size: 16px;
		line-height: 32px;
		color: #333;
	}
	
	.honor .honorfont p {
		text-indent: 2em;
		margin-bottom: 30px;
	}
	
	.honorimg .img {
		width: 31%;
		float: left;
		box-shadow: 0 0 2px #ddd;
		margin-right: 3%;
		margin-bottom:10px;
	}
	
	.honorimg .img:nth-child(3n) {
		margin-right: 0%;
	}
	/*爱心基金*/
	
	.loveFund {
		padding: 50px 0;
	}
	
	.loveFund .title3 {
		margin-bottom: 40px;
	}
	
	.loveFund .title3 h6 {
		font-family: "宋体";
	}
	
	.loveFund .love {
		padding: 30px;
		width: calc(33% - 60px);
		border: 2px dotted #006ab8;
		position: relative;
		float: left;
	}
	
	.loveFund .love b {
		font-size: 20px;
		color: #006ab8;
		position: absolute;
		top: -15px;
		left: 35%;
		background: #fff;
	}
	
	.loveFund .love p {
		font-size: 16px;
		color: #666;
		line-height: 30px;
		text-indent: 2em;
	}
	
	.loveFund .img {
		width: calc(33% - 40px);
		margin: 0 20px;
		float: left;
	}
	/*品牌愿景*/
	
	.brandVision {
		background-color: rgba(241, 251, 255, 0.8);
		padding: 80px 0;
	}
	
	.brand {
		width: 50%;
		float: left;
	}
	
	.brand .img {
		width: calc(50% - 30px);
		box-shadow: 0 0 2px #ddd;
		margin-right: 30px;
		float: left;
		border-radius: 10px;
	}
	
	.vision {
		width: 50%;
		float: left;
	}
	
	.vision .vis h6 {
		font-size: 28px;
		color: #000;
	}
	
	.vision .vis p {
		font-size: 24px;
		color: #006ab8;
		text-transform: uppercase;
		margin-top: 10px;
	}
	
	.vision .ion {
		font-size: 16px;
		color: #666;
		line-height: 30px;
		margin-top: 20px;
	}
	
	.vision .ion p {
		text-indent: 2em;
	}
	/*品牌发展*/
	
	.brandDevelopment {
		padding-top: 60px;
	}
	
	.brandDevelopment .deve {
		font-size: 16px;
		line-height: 32px;
		color: #666;
	}
	.brandDevelopment .deve img{display:block;margin:5px auto;}
	
	.brandDevelopment .deve p {
		text-indent: 2em;
	}
	/***************************海洋论坛********************/
	
	.ocean_forum {
		background-image: url("../image/37.jpg");
		background-repeat: no-repeat;
		padding: 60px 0;
	}
	
	.parentcomments {
		margin-bottom: 20px;
	}
	/*家庭互动 新闻列表公共样式*/
	
	.family li {
		background: #fafafa;
		margin-bottom: 30px;
	}
	
	.family li:last-child {
		margin-bottom: 0px;
	}
	
	.family li img {
		max-width: 234px;
		max-height: 187px;
		float: left;
		margin-right: 40px;
	}
	
	.family li .interaction {
		width: calc(100% - 283px);
		float: left;
		padding: 10px 0;
	}
	
	.family li .interaction h6 {
		font-size: 24px;
		line-height: 32px;
		height: 32px;
		color: #333;
		font-weight: 500;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}
	
	.family li .interaction p {
		font-size: 14px;
		line-height: 28px;
		color: #7a7a7a;
		margin: 20px 0;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		line-height: 24px;
	}
	
	.family li .interaction div ol {
		float: left;
	}
	
	.family li .interaction div ol:nth-child(1) {
		margin-right: 50px;
	}
	
	.family li .interaction div ol img {
		margin-right: 5px;
		float: left;
	}
	
	.family li .interaction div ol span {
		float: left;
		margin-top: -3px;
		font-size: 14px;
		color: #7a7a7a;
	}
	/*hover效果*/
	
	.family li:hover {
		border-right: 2px solid #0056B3;
	}
	
	.family li:hover h6 {
		color: #0056B3;
	}
	/***************************海洋论坛2********************/
	
	.familyinteraction .paging {
		padding-top: 50px;
	}
	/***************************课程体系********************/
	
	.provision .setting {
		width: 32%;
		float: left;
		margin-right: 2%;
		margin-bottom: 2%;
	}
	
	.provision .setting:nth-child(3n) {
		margin-right: 0%;
	}
	
	.provision .setting .img {
		box-shadow: 0 0 2px #ddd;
	}
	
	.provision .setting .ing {
		padding: 20px;
		border-left: 2px solid #0056B3;
		background: #fafafa;
	}
	
	.provision .setting .ing b {
		font-size: 20px;
		color: #0056B3;
		font-weight: 500;
		display:block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	.provision .setting .ing p {
		font-size: 14px;
		line-height: 24px;
		color: #7a7a7a;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	/*hover效果*/
	
	.provision .setting:hover .ing {
		background: #0056B3;
	}
	
	.provision .setting:hover .ing b {
		color: #fff;
	}
	
	.provision .setting:hover .ing p {
		color: #fff;
	}
	/***************************课程体系2********************/
	
	.courseIntroduction .introduction {
		padding: 30px;
		background: #f0f0f0;
		border-radius: 5px;
		font-size: 16px;
		line-height: 32px;
		color: #333;
		margin-bottom: 40px;
		text-align:justify;
	}
	
	.courseIntroduction .introduction p {
		text-indent: 2em;
		margin-bottom: 10px;
		text-align:justify;
	}
	
	.courseIntroduction .introduction img{
		display:block;max-width:100%;margin:5px auto;
	}
	
	/*风采轮播*/
	
	.introduction .swiper-container {
		padding: 0 0 40px 0;
	}
	
	.introduction .swiper-container-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: -8px;
	}
	
	.introduction .swiper-pagination-bullet {
		width: 40px;
		height: 2px;
		border-radius: 5px;
	}
	/*专业系统*/
	
	.evaluationSystem .evaluation {
		width: 32%;
		float: left;
		border-radius: 10px;
		background: #f7f7f7;
		margin-right: 2%;
		text-align:justify;
	}
	
	.evaluationSystem {
		margin-bottom: 40px;
	}
	
	.evaluationSystem .evaluation:nth-child(3n) {
		margin-right: 0%;
	}
	
	.evaluation h6 {
		text-align: center;
		line-height: 60px;
		height: 60px;
		background-image: linear-gradient(to right, #6ac8b4, #1a96c3);
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		font-size: 18px;
		color: #fff;
	}
	
	.evaluation .system {
		padding: 30px;
		font-size: 16px;
		line-height: 32px;
		color: #333333;
	}
	
	.evaluation .system p {
		text-indent: 2em;
	}
	/*报名表*/
	
	.introduction form ol {
		color: #ff8181;
		font-size: 16px;
	}
	
	.introduction form .erp input {
		float: left;
		width: 23.5%;
		margin-right: 2%;
		line-height: 60px;
		height: 60px;
		text-indent: 1em;
		font-size: 14px;
		color: #7a7a7a;
		margin-top: 30px;
		border-radius: 10px;
		border: none;
		outline: none;
	}
	
	.introduction form .erp input:nth-child(4) {
		margin-right: 0%;
	}
	
	.introduction form .erp .add {
		width: 75%;
		margin-right: 2%;
	}
	
	.introduction form .erp button {
		width: 23%;
		line-height: 60px;
		height: 60px;
		margin-top: 30px;
		border-radius: 10px;
		border: none;
		outline: none;
		float: left;
		background: #0056B3;
		color: #fff;
	}
	/***************************团队简介1********************/
	
	.TeamIntroduction .teamtext {
		padding: 30px;
		background: #ebfaff;
		font-size: 16px;
		line-height: 32px;
		color: #666;
		text-align:justify;
	}
	
	.TeamIntroduction .teamtext p {
		text-indent: 2em;
	}
	/*.introduction {
		margin-top: 60px;
	}*/
	
	.introduction .introduc {
		float: left;
		width: 23%;
		margin: 0 2.5% 2.5% 0;
	}
	
	.introduction .introduc:nth-child(4n) {
		margin-right: 0;
	}
	
	.introduction .introduc .img {
		box-shadow: 0 0 2px #ddd;
	}
	
	.introduc .tion {
		padding: 15px 20px;
		background: #f7f7f7;
	}
	
	.introduc .tion h6 {
		font-size: 20px;
		text-align: center;
		color: #333;
		line-height: 40px;
		font-weight: 500;
		display:block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	.introduc .tion p {
		font-size: 14px;
		line-height: 24px;
		color: #7a7a7a;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	
	.TeamIntroduction .paging {
		margin: 40px 0;
	}
	/***************************团队简介2********************/
	
	.team1 .img {
		width: 24%;
		float: left;
		margin: 0 1% 1% 0;
		box-shadow: 0 0 2px #ddd;
	}
	/***************************团队简介3********************/
	
	.courseIntroduction3 .introduction {
		margin-bottom: 0;
		text-align:justify;
	}
	/***************************优生教育********************/
	
	.euge1 .paging {
		margin: 40px 0 20px 0;
	}
	/***************************优生教育2********************/
	
	.EarlyEducationAlliance .early {
		width: 58%;
		margin-right: 60px;
		float: left;
	}
	
	.early .earlytop h6 {
		font-size: 24px;
		color: #333;
	}
	
	.early .earlytop div ol {
		float: left;
	}
	
	.early .earlytop div ol:nth-child(1) {
		float: left;
		margin-right: 100px;
	}
	
	.early .earlytop div {
		margin: 15px 0;
	}
	
	.early .earlytop div ol img {
		float: left;
		margin-right: 5px;
		margin-top: 2px;
	}
	
	.early .earlytop div ol span {
		float: left;
		font-size: 14px;
		color: #7a7a7a;
	}
	
	.early .earlycenter {
		font-size: 16px;
		line-height: 32px;
		color: #7a7a7a;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		padding: 20px 0;
		text-align:justify;
	}
	
	.early .earlycenter p {
		text-indent: 2em;
		margin-bottom: 5px;
	}
	
	.early .earlycenter img {
		max-width: 100%;
		display:block;
	}
	
	.earlybottom {
		padding: 20px 0;
	}
	
	.earlybottom a {
		display: block;
		font-size: 16px;
		line-height: 32px;
		color: #0056B3;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}
	
	.EarlyEducationAlliance .education {
		width: calc(42% - 100px);
		float: left;
		padding: 0 20px;
		background: #f7f7f7;
	}
	
	.education>h6 {
		font-size: 26px;
		color: #0056B3;
		line-height: 78px;
		height: 78px;
		border-bottom: 2px solid #ddd;
	}
	/*新闻列表*/
	
	.education .family li {
		background: #fafafa;
		margin-bottom: 0px;
		padding: 22px 0;
		border-bottom: 1px solid #ddd;
	}
	
	.education .family li img {
		max-width: 180px;
		max-height: 140px;
		margin-right: 20px;
	}
	
	.education .family li .interaction {
		width: calc(100% - 200px);
		float: left;
		padding: 5px 0;
	}
	
	.education .family li .interaction h6 {
		font-size: 18px;
	}
	
	.education .family li .interaction p {
		font-size: 14px;
		color: #7a7a7a;
		margin: 10px 0;
		line-height: 24px;
	}
	
	.education .ckgd {
		text-align: center;
		padding: 40px 0;
	}
	
	.education .ckgd a {
		line-height: 43px;
		height: 43px;
		font-size: 14px;
		background: #d9d9d9;
		display: block;
		width: 150px;
		color: #7A7A7A;
		margin: 0 auto;
	}
	/***************************志愿者服务********************/
	
	.duction .title4444 {
		margin-bottom: 40px;
	}
	
	.duction .title4444 h6 {
		float: left;
	}
	
	.duction .title4444 .see {
		float: right;
	}
	
	.volu .teer {
		width: calc(49% - 40px);
		float: left;
		padding: 20px;
		background: #f7f7f7;
		margin: 0 2% 2% 0;
	}
	
	.volu .teer:nth-child(2n) {
		margin-right: 0%;
	}
	
	.volu .teer h6 {
		font-size: 18px;
		color: #333;
		font-weight: 500;
		margin-bottom: 15px;
	}
	
	.volu .teer:hover h6 {
		color: #0056B3;
	}
	
	.volu .teer h6 span {
		float: right;
		font-size: 14px;
		color: #7a7a7a;
	}
	
	.volu .teer p {
		font-size: 14px;
		color: #7a7a7a;
		line-height: 24px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	
	.VolunteerService .introduction .tion .img {
		margin-bottom: 2%;
	}
	
	.VolunteerService .introduction .tion .img:nth-child(n+4) {
		margin-bottom: 0%;
	}
	
	.VolunteerService .introduction form ol {
		color: #0056B3;
	}
	/***************************志愿者服务2********************/
	
	.Recruitmentname .volu .teer {
		width: calc(100% - 40px);
	}
	
	.Recruitmentname .paging {
		margin: 20px 0;
	}
	
	
	
	.post h2 .istop, .block.hotspot .post h2 .istop {
    padding:0;
    font-size:0;
    background:none;
    position:absolute;
    top:3px;
    left:-7px
}
.post h2 .istop::before, .block.hotspot .post h2 .istop::before {
    content:"\e67a";
    font-size:42px;
    color:#0188fb;
    font-family:iconfont
}
.post:last-child, .block.hotspot .post:last-child {
    margin-bottom:0
}
.block.hotspot .post {
    padding:20px
}
.block.hotspot .post h2 {
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}
.block.hotspot .postimg {
    width:210px;
    float:left;
    display:inline;
    margin:0 20px 0 0
}
.block.hotspot .post .intro {
    margin-bottom:15px;
    font-size:14px;
    line-height:1.8
}
.block.hotspot .post .intro.isimg {
    height:75px
}
.block.hotspot .post .info {
    margin:0
}
.block.hotspot .hotspotinfo.noimg h2 {
    height:auto;
    white-space:normal
}
.post {
    max-width: 1360px;
    margin: 20px auto;
    padding-bottom:20px;
    position:relative;
    zoom:1
}
.post::after {
    content:"";
    display:block;
    clear:both
}
.post h1 {
    margin:0 0 8px;
    font-size:24px;
    color:#333;
    font-weight:600;
    line-height:1.5;
    text-align: center;
}
.post h2 {
    margin-bottom:5px;
    line-height:1.5;
    font-weight:600
}
.post h2 a {
    font-size:20px;
    color:#333
}
.post h2 a:hover {
    color:#0188fb
}
.post h2 span {
    margin-right:2px;
    vertical-align:middle
}
.post h2 span::before {
    font-family:iconfont;
    font-weight:normal;
    vertical-align:text-bottom
}
.post h2 em {
    margin:6px 0 0 5px;
    padding:0 4px;
    font-size:12px;
    color:#fff;
    font-weight:normal;
    font-style:normal;
    line-height:18px;
    border-radius:2px;
    background:#0188fb;
    display:inline-block;
    vertical-align:top
}
.post h2 .zbaudio::before {
    content:"\e616";
    font-size:21px
}
.post h2 .video::before {
    content:"\e6dd";
    font-size:21px
}
.post .info {
    margin-bottom:15px;
    font-size:14px;
    text-align: center;
    zoom:1
}
.post .info::after {
    content:"";
    display:block;
    clear:both
}
.post .info.simple {
    margin:5px
}
.post .info span:last-child {
    margin:0
}
.post .user, .post .date, .post .cate, .post .view, .post .cmt, .post .edit, .post .del {
    margin-right:15px;
    color:#888
}
.post .user::before, .post .date::before, .post .cate::before, .post .view::before, .post .cmt::before, .post .edit::before, .post .del::before {
    margin-right:5px;
    font-size:18px;
    font-family:iconfont;
    vertical-align:top
}
.post .user a, .post .date a, .post .cate a, .post .view a, .post .cmt a, .post .edit a, .post .del a {
    color:#888
}
.post .user a:hover, .post .date a:hover, .post .cate a:hover, .post .view a:hover, .post .cmt a:hover, .post .edit a:hover, .post .del a:hover {
    color:#0188fb
}
.post .user:before {
    content:"\e6a9"
}
.post .date:before {
    content:"\e69c"
}
.post .cate:before {
    content:"\e6e2"
}
.post .view:before {
    content:"\e6a7"
}
.post .cmt:before {
    content:"\e6a8"
}
.post .edit:before {
    content:"\e69a"
}
.post .del:before {
    content:"\e6ac"
}
.post .ctrl {
    float:right;
    display:inline;
    display:inline-block
}
.post .ctrl a {
    width:21px;
    height:20px;
    margin:0 0 0 8px;
    text-align:center;
    line-height:20px;
    border-radius:2px;
    background:#e4e8eb;
    display:inline-block;
    vertical-align:top
}
.post .ctrl a::before {
    content:"A\207a";
    font-size:16px;
    color:#999;
    font-family:iconfont
}
.post .ctrl a:nth-child(2)::before {
    content:"A\207b"
}
.post .ctrl a:nth-child(3)::before {
    content:"A"
}
.postimg {
    width:120px;
    float:left;
    display:inline;
    margin:0 20px 10px 0;
    border-radius:3px;
    overflow:hidden
}
.postimg a {
    width:100%;
    height:0;
    padding-bottom:70%;
    text-align:center;
    overflow:hidden;
    position:relative;
    display:block
}
.postimg a img {
    min-width:100%;
    min-height:100%;
    position:absolute;
    top:0;
    left:0
}
.postimg a img.lazyload {
    background:#dedede url(images/lazyload.gif) no-repeat center
}
.postimg:hover img {
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1)
}
.postimg.v a::before {
    content:"";
    width:32px;
    height:32px;
    background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 48 48'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Ccircle cx='24' cy='24' r='24' fill='%23000' fill-opacity='.15'/%3E    %3Cpath fill='%23FFF' fill-rule='nonzero' d='M24 0c13.255 0 24 10.745 24 24S37.255 48 24 48 0 37.255 0 24 10.745 0 24 0zm0 1.44C11.54 1.44 1.44 11.54 1.44 24c0 12.46 10.1 22.56 22.56 22.56 12.46 0 22.56-10.1 22.56-22.56 0-12.46-10.1-22.56-22.56-22.56zm-4.8 13.828a1.2 1.2 0 0 1 .595.158l13.182 7.532a1.2 1.2 0 0 1 0 2.084l-13.182 7.532A1.2 1.2 0 0 1 18 31.532V16.468a1.2 1.2 0 0 1 1.2-1.2z'/%3E  %3C/g%3E%3C/svg%3E");
    background-size:cover;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    z-index:1
}
.post .intro {
    max-height:85px;
    font-size:15px;
    color:#888;
    line-height:28px;
    word-wrap:break-word;
    word-break:break-all;
    text-align:justify;
    text-justify:inter-ideograph;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
    display:-webkit-box
}
.post .intro a {
    color:#888
}
.post object, .post embed, .post iframe, .post table {
    max-width:100%
}
.post .readmore {
    padding:5px 16px 5px 26px;
    font-size:14px;
    color:#888;
    border:2px solid #e4e8eb;
    border-radius:20px;
    display:inline-block
}
.post .readmore::after {
    content:"\e6a6";
    margin-left:5px;
    font-family:iconfont
}
.post .readmore:hover {
    color:#0188fb;
    border-color:#0188fb
}
.post .readmore:hover::after {
    color:#0188fb
}
.posttitle {
    padding:0 0 7px;
    line-height:30px;
    border-bottom:1px solid #e4e8eb
}
.posttitle h1, .posttitle h2, .posttitle h3, .posttitle h4, .posttitle h5, .posttitle h6 {
    font-size:18px;
    color:#333
}
.post .tags {
    margin-bottom:6px;
    font-size:15px;
    color:#888;
    text-indent:0
}
.post .tags a {
    margin:0 5px 10px;
    padding:0 12px;
    font-size:15px;
    color:#333;
    line-height:24px;
    border:1px solid #e4e8eb;
    border-radius:26px;
    display:inline-block
}
.post .tags a:hover {
    color:#0188fb;
    border:1px solid #0188fb
}
.post mark {
    color:#0188fb;
    background:none
}
.post:last-child {
    margin-bottom:0
}
.large .postimg {
    width:160px
}
.large .post .intro {
    max-height:110px;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
    overflow:hidden;
    display:-webkit-box
}
.post p{margin-bottom:10px; line-height:25px;}