﻿.modular-title {
	font-size: 24px;
	font-weight: bold;
	color: #185e36;
	margin-bottom: 24px;
}

/* row1 start */
.row1 {
	padding: 40px 0;
}

.row1 .cont {
	flex-direction: row-reverse;
}

.row1 .text-left {
	background: url("../lib/subPageImg/jianjie-bg.jpg") no-repeat top left;
	background-size: cover;
	padding: 20px 0;
}

.row1 .text-left .title {
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding: 20px 20px 30px 20px;
}

.row1 .text-left .text-cont {
	padding: 0 20px;
	text-indent: 2em;
}

.row1 .text-left .text-cont p,
.row1 .text-left .text-cont span,
.row1 .text-left .text-cont a {
	font-size: 14px;
	line-height: 1.8;
	color: #fff;
	text-align: justify;
}

.row1 .text-left .text-cont .more {
	width: 150px;
	height: 43px;
	font-size: 14px;
	line-height: 40px;
	text-indent: 0;
	text-align: center;
	margin: .8rem auto 0 auto;
	border: 1px solid rgba(255, 255, 255, .3);
}

.row1 .pic-right {
	width: 64%;
}

.row1 .pic-right img {
}

/* hover */
.row1 .text-left .text-cont .more:hover {
	background-color: rgba(255, 255, 255, .3);
}

/* row1 end */

/* row2 start */
.row2 {
	background: url("../lib/subPageImg/mod-bg-1.jpg") no-repeat top left;
	background-size: cover;
	padding: 40px 0;
}

.row2 .swiper-container {
	padding-bottom: 60px;
}

.row2 .swiper-container .swiper-slide .pic img {
	min-height: 310px;
	/*height:320px;*/
}

@media screen and (min-width: 769px) {
	.row2 .swiper-container .swiper-slide .pic img {
		height: 610px;	
	}
}
@media screen and (min-width: 980px) {
	.row2 .swiper-container .swiper-slide .pic img {
		height: 610px;	
	}
}
@media screen and (min-width: 1200px) {
	.row2 .swiper-container .swiper-slide .pic img {
		height: 460px;	
	}
}
@media screen and (min-width: 1440px) {
	.row2 .swiper-container .swiper-slide .pic img {
		height: 380px;	
	}
}
@media screen and (min-width: 1920px) {
	.row2 .swiper-container .swiper-slide .pic img {
		height: 370px;	
	}
}

.row2 .swiper-container .swiper-slide .text-cont {
	padding: 15px 30px;
	height:118px;
	background-color: rgba(255, 255, 255, .8);
	position: relative;
}

.row2 .swiper-container .swiper-slide .text-cont::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	right: 50%;
	left: 50%;
	height: 5px;
	background-color: #8ffca0;
	background-image: linear-gradient(90deg, #8ffca0, #0ccbfb);
	transition: all 300ms;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-ms-transition: all 300ms;
}

.row2 .swiper-container .swiper-slide .text-cont .title {
	font-size: 24px;
	font-weight: bold;
	color: #185e36;
}

.row2 .swiper-container .swiper-slide .text-cont .abstract {
	font-size: 14px;
	color: #868686;
	line-height: 1.8;
	padding-top: 10px;
}

.row2 .swiper-pagination-bullets {
	position: absolute;
	bottom: 0;
	top: auto;
	left: 0;
	right: 0;
	text-align: center;
}

.row2 .swiper-pagination-bullets .swiper-pagination-bullet {
	width: 14px;
	height: 14px;
	background-color: #135908;
	opacity: .26;
}

.row2 .swiper-pagination-bullets .swiper-pagination-bullet-active {
	opacity: 1;
}

/* hover */
.row2 .swiper-container .swiper-slide:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
	-ms-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}

.row2 .swiper-container .swiper-slide:hover .text-cont::after {
	left: 0;
	right: 0;
}

/* row2 end */

/* row3 start */
.row3 {
	padding: 40px 0;
}

.row3 .ksfb-slide {
	padding-bottom: 50px;
}

.row3 .ksfb-slide .swiper-slide .text-cont {
	padding: 20px;
	border: 1px solid #eee;
}

.row3 .ksfb-slide .swiper-slide .text-cont .title {
	font-size: 24px;
	font-weight: bold;
	color: #333;
}

.row3 .ksfb-slide .swiper-slide .text-cont .abstract {
	padding-top: 25px;
	font-size: 14px;
	line-height: 1.8;
	color: #9e9e9e;
}

.row3 .swiper-pagination-bullets {
	position: absolute;
	bottom: 0;
	top: auto;
	left: 0;
	right: 0;
	text-align: center;
}

.row3 .swiper-pagination-bullets .swiper-pagination-bullet {
	width: 14px;
	height: 14px;
	background-color: #135908;
	opacity: .26;
}

.row3 .swiper-pagination-bullets .swiper-pagination-bullet-active {
	opacity: 1;
}

/* hover */
.row3 .ksfb-slide .swiper-slide:hover .pic img {
	transform: scale(1.1, 1.1);
}

.row3 .ksfb-slide .swiper-slide:hover .title {
	color: #135908;
}









/* row3 end */




@media (max-width: 768px) {
	.m-box {
		padding-left: .3rem;
		padding-right: .3rem;
	}

	.row1 .pic-right {
		width: 100%;
		padding-top: .5rem;
	}

	.row2 .swiper-container .swiper-slide .pic img {
		min-height: 14rem;
	}

	.row2 .swiper-container .swiper-slide .text-cont .title,
	.row3 .ksfb-slide .swiper-slide .text-cont .title {
		font-size: .9rem;
	}

	.row3 .ksfb-slide .swiper-slide .text-cont .abstract {
		padding-top: .5rem;
	}
}

/* @media (max-width: 768px) {} */

