@charset "utf-8";
/*h1 index*/
.row_index h1{
	font-size: 16px;
	line-height: 30px;
	color: #37a905;
	margin-bottom: 10px;
}
	.row_index h1 span{
		color: #bebaba;
		margin-left: 5px;
	}
	
	
@media only screen and (max-width: 640px) {
	.pull-left{float: none;}
	.pull-right{float: none;}	
}






/*goin*/
.goin{
	width: 62%;
	overflow: hidden;
}
	/*cpmpany*/
	.goin .goin-index .cpmpany{
		width: 45%;
		overflow: hidden;
	}
		.goin .goin-index .cpmpany img{
			display: block;
			width: 100%;
			border-radius: 2px;
		}
	/*text*/
	.goin .goin-index .text{
		width: 53%;
		overflow: hidden;
	}
		.goin .goin-index .text h2{
			font-size: 16px;
			line-height: 30px;
			margin-top: -6px;
			margin-bottom: 10px;
		}
		.goin .goin-index .text p{
			font-size: 14px;
			line-height: 22px;
			margin-bottom: 15px;
		}
		.goin .goin-index .text a.more{
			color: #fff;
			line-height: 25px;
			padding: 3px 7px;
			background: #37a905;
			border-radius: 5px;
			display: inline-block;
		}
/*ebook*/
.ebook{
	width: 35%;
	overflow: hidden;
}
	.ebook .ebook-index img{
		display: block;
		width: 100%;
	}
.goin .goin-index,.ebook .book-index{
	width: 100%;
	overflow: hidden;
}
@media only screen and (max-width: 1150px) {
		.goin .goin-index .text h2{
			font-size: 14px;
		}
		.goin .goin-index .text p{
			font-size: 12px;
			line-height: 20px;
		}
		.goin .goin-index .text a.more{
			font-size: 12px;
			line-height: 20px;
		}
}
@media only screen and (max-width: 1000px) {
		.goin .goin-index .text p{
			height: 100px;
			overflow: hidden;
		}
}
@media only screen and (max-width: 910px) {
		.goin .goin-index .text p{
			height: 80px;
			overflow: hidden;
		}
}
@media only screen and (max-width: 768px) {
	/*cpmpany*/
	.goin .goin-index .cpmpany{
		display: none;
	}
	/*text*/
	.goin .goin-index .text{
		float: left;
		width: 100%;
		position: relative;
	}
		.goin .goin-index .text p{
			height: auto;
		}
		.goin .goin-index .text a.more{
			position: absolute;
			right: 0; top: 0;
		}
}
@media only screen and (max-width: 640px) {
/*goin*/
.goin,.ebook{
	width: 100%;
}
	/*cpmpany*/
	.goin .goin-index .cpmpany,.goin .goin-index .text{
		width: 100%;
		overflow: hidden;
	}
	/*cpmpany*/
	.goin .goin-index .cpmpany{
		display: block;
		margin-bottom: 20px;
	}
}	













#lib_Tab2{
	width: 100%;
	overflow: hidden;
}
/*h1*/
#lib_Tab2 h1{
	position: absolute;
	left: 0; top: 0;
	font-size: 24px;
	line-height: 57px;
	color: #37a905;
}
	#lib_Tab2 h1 span{
		color: #bebaba;
		margin-left: 5px;
	}
	
/*Menubox*/ 
.lib_Menubox {
	width: 100%;
	position: relative;
}
	/*ul li*/
	.lib_Menubox ul {
		display: block;
		text-align: right;
	}
		.lib_Menubox li {
			display: inline-block;
			cursor: pointer;
			font-size: 18px;
			line-height: 25px;
			padding: 15px 25px;
			color: #37a905;
			margin-left: 15px;
			border-radius: 10px;
			background: #edefec;
			border: 1px solid #c8c8c8;
		}
		.lib_Menubox li.hover {
			color: #fff;
			background: #37a905;
		}
.lib_Contentbox {
	width: 100%;
	padding: 20px 0;
	overflow: hidden;
}
	.lib_Contentbox ul{}
	.lib_Contentbox ul li{
		float: left;
		width: 25%;
		overflow: hidden;
	}
		.lib_Contentbox ul li a{
			display: block;
			width: 90%;
			margin: 0 auto;
		}
			.lib_Contentbox ul li a img{
				display: block;
				width: 100%;
				border-radius: 2px;
				border: 1px solid #c8c8c8;
			}
			.lib_Contentbox ul li a span{
				display: block;
				text-align: center;
				line-height: 30px;
				font-size: 14px;
				color: #000;
			}
@media only screen and (max-width: 1132px) {
	#lib_Tab2 h1{
	    font-size: 22px;
	    line-height: 53px;
    }
    .lib_Menubox li {
		padding: 13px 22px;
		margin-left: 13px;
	}

}
@media only screen and (max-width: 1062px) {
	#lib_Tab2 h1{
	    font-size: 20px;
	     line-height: 47px;
    }
    .lib_Menubox li {
		padding: 10px 18px;
		margin-left: 10px;
	}
}
@media only screen and (max-width: 966px) {
	#lib_Tab2 h1{
	    font-size: 18px;
	    line-height: 43px;
    }
    .lib_Menubox li {
		padding: 8px 15px;
		margin-left: 8px;
		font-size: 16px;
	}
}
@media only screen and (max-width: 855px) {
	#lib_Tab2 h1{
	    
    }
    .lib_Menubox li {
		padding: 8px 15px;
		margin-left: 8px;
		font-size: 14px;
	}
}
@media only screen and (max-width: 800px) {
	/*h1*/
	#lib_Tab2 h1{
		width: 100%;
		display: block;
		font-size: 18px;
		position: relative;
	}
	/*ul li*/
	.lib_Menubox ul {
		text-align: left;		
	}
	.lib_Menubox li {
		margin-left: 0;
		margin-right: 5px;
	}
}
@media only screen and (max-width: 640px) {
	.lib_Menubox li {
		margin-bottom: 5px;
	}
	.lib_Contentbox ul li{
		width: 33.333333%;
		margin-bottom: 10px;
	}
}
@media only screen and (max-width: 480px) {
	.lib_Contentbox ul li{
		width: 50%;
	}
}	









/*green*/
.green h1{
	color: #fff;
}
	.green h1 span{
		color: #bde68d;
	}
/*search*/
.green .search{}	
	.green .search h2{
		float: left;
		color: #fff;
		font-size: 14px;
		line-height: 30px;
		margin-right: 5px;
	}
	.green .search input.se,.green .search .btn-se{
		float: left;
		height: 30px;
		font-size: 12px;
		line-height: 30px;
	}
	.green .search input.se{
		width: 140px; 		
		border: 1px solid #c8c8c8;
		padding: 0 10px;		
		background: #fff;
		border-bottom-left-radius: 5px;
		border-top-left-radius: 5px;
	}		
	.green .search .btn-se{
		width: 40px; 		
		border: 0; 
		color: #fff;		
		text-align: center;
		background: #000;
		border-bottom-right-radius: 5px;
		border-top-right-radius: 5px;
	}	
/*choose*/
.choose{
	border-top: 1px solid #6ba61f;
}
	/*picture*/
	.choose .picture{
		width: 28%;
		overflow: hidden;
	}
		.choose .picture img{
			display: block;
			width: 100%;
			border-radius: 2px;
		}
	/*text*/
	.choose .text{
		width: 70%;
		overflow: hidden;
	}
		.choose .text h2{
			color: #fff;
			font-weight: bold;
			font-size: 20px;
			line-height: 30px;
			margin-top: -3px;
			margin-bottom: 5px;
		}
		.choose .text p{
			color: #fff;
			font-size: 14px;
			line-height: 18px;
			margin-bottom: 15px;
		}
@media only screen and (max-width: 640px) {
	/*picture*/
	.choose .picture{
		margin-bottom: 15px;
	}
	.choose .picture,.choose .text{
		width: 100%;
	}
}