body{
	background: #f5f5f5;
}
.index-top {
	position: fixed;
	width: 100%;
	box-sizing: border-box;
	padding: 0 15px;
	height: 69px;
	z-index: 999;
	background-color: #52acc7;
	background-image: linear-gradient(to bottom, #52acc7, #aadae9);
}
.index-top .logo {
	float: left;
	padding-top: 18px;
}
.index-top .logo img {
	height: 38px;
}
.index-top .search-bar{
	float: right;
	margin-top: 23px;
	margin-right: 10px;
}
.index-top .search-bar a{
	display: block;
	padding: 5px 15px 5px 30px;
	background: url('../images/index/search.png') 12px center no-repeat #53a5bf;
	color: #fff;
	font-size: 12px;
	border-radius: 30px;
}
.index-top .login{
	float: right;
	font-size: 12px;
	font-weight: bold;
	margin-top: 28px;
}
.index-top .login a{
	color: #fff;
}

.main-content {
	padding-top: 69px;
	padding-bottom: 20px;
}
/*banner*/
.main-banner {

}
.main-banner img {
	width: 100%;
}
.layui-carousel .layui-carousel-ind {
	top: -20px;
}
.layui-carousel .layui-carousel-ind .layui-this {
	width: 20px;
}
.layui-carousel .layui-carousel-ind li {
	border-radius: 3px;
	width: 4px;
	height: 4px;
}
.layui-carousel .layui-carousel-ind ul {
	background-color: transparent;
}

/**导航菜单**/
.nav-menu {
	background: #fff;
	border-radius: 4px;
	margin: 10px;
	padding: 10px;
}
.nav-menu .nav-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 10px;
}
.nav-menu .nav-item{
	width: 22%;
	text-align: center;
	margin: 10px 0;
}
.nav-menu .nav-item i {
	display: inline-block;
	width: 52px;
	height: 52px;
	border-radius: 8px;
	background: center no-repeat #52acc7;
	background-size: auto 28px;
}
.nav-menu .nav-item i.pcategory {
	background-image: url('../images/index/pcategory.png');
}
.nav-menu .nav-item i.newpicture {
	background-image: url('../images/index/newpicture.png');
}
.nav-menu .nav-item i.scientific {
	background-image: url('../images/index/scientific.png');
}
.nav-menu .nav-item i.industrial {
	background-image: url('../images/index/industrial.png');
}
.nav-menu .nav-item i.aboutus {
	background-image: url('../images/index/aboutus.png');
}
.nav-menu .nav-item i.news {
	background-image: url('../images/index/news.png');
}
.nav-menu .nav-item i.contactus {
	background-image: url('../images/index/contactus.png');
}
.nav-menu .nav-item i.xuetang {
	background-image: url('../images/index/xuetang.png');
}
.nav-menu .nav-item p {
	font-size: 12px;
	margin-top: 2px;
}

/**推荐榜单**/
.recommend-wrap{
	display: flex;
	align-items: center;
}
.recommend {
	border-radius: 4px;
	margin: 10px;
	background-image: linear-gradient(to bottom, #aadae9, #fff);
}
.recommend .recommend-title {
	height: 48px;
	padding-left: 10px;
}
.recommend-title text {
	font-size: 16px;
	font-weight: bold;
	line-height: 48px;
}
.recommend-title .right-arrow {
	float: right;
	margin-top: 15px;
	margin-right: 10px;
}
.recommend .recommend-content {
	height: 152px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.recommend-content .recommend-item {
	text-align: center;
	width: 33%;
}
.recommend-item .cover {
	width: 100px;
	height: 100px;
	border-radius: 4px;
}
.recommend-item .title {
	display: block;
}
.recommend-item .fire-icon {
	width: 13px;
	height: 13px;
}
.recommend-item .sub-title {
	font-size: 10px;
	color: #787878;
	line-height: 14px;
	vertical-align: middle;
	margin-left: 5px;
	display: inline-block;
}
.recommend-item .btn{
	text-align: center;
}
.recommend-item .btn a{
	color: #52acc7;
}


/**科研服务**/
.scientific {
	padding: 0 10px;
}
.scientific .scientific-title {
	font-size: 16px;
	font-weight: bold;
	height: 50px;
	text-align: center;
}
.scientific-title i {
	width: 12px;
	height: 12px;
	display: inline-block;
	border: solid #52acc7 3px;
	border-radius: 50%;
}
.scientific-title text {
	margin-left: 5px;
	margin-right: 5px;
	line-height: 50px;
}
.scientific-content a {
	margin-top: 10px;
	display: block;
}
.scientific-content a:first-child {
	margin-top: 0;
}
.scientific-item img {
	width: 100%;
	height: 100px;
	border-radius: 8px 8px 0 0;
}
.scientific-item span {
	font-size: 14px;
	display: block;
	text-align: center;
	font-weight: bold;
	padding: 10px 0;
	background-color: white;
	border-radius: 0 0 8px 8px;
}

/**新闻中心**/
.news-center {
	padding: 0 10px 10px;
}
.news-center .news-title {
	font-size: 16px;
	font-weight: bold;
	height: 50px;
	text-align: center;
}
.news-center .news-title i {
	width: 12px;
	height: 12px;
	display: inline-block;
	border: solid #52acc7 3px;
	border-radius: 50%;
}
.news-center .news-title text {
	margin-left: 5px;
	margin-right: 5px;
	line-height: 50px;
}
.news-center .news-content .news-top{
	background: #fff;
	border: solid #eee 1px;
	padding: 10px;
	display: flex;
	justify-content: space-between;
}
.news-center .news-content .news-top .picture{
	width: 42%;
}
.news-center .news-content .news-top .picture img{
	width: 100%;
}
.news-center .news-content .news-top .content{
	width: 55%;
	padding-top: 10px;
}
.news-center .news-content .news-top .content .name{
	font-size: 12px;
	font-weight: bold;
}
.news-center .news-content .news-top .content .text{
	margin-top: 10px;
}
.news-center .news-content .news-top .content .text a{
	color: #898989;
	line-height: 1.6;
	display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;
}
.news-center .news-content .news-item {
	margin-top: 20px;
}
.news-center .news-content .news-item li {
	line-height: 50px;
	border-bottom: solid #eee 1px;
	padding-left: 20px;
	position: relative;
}
.news-center .news-content .news-item li::before {
	width: 10px;
	height: 10px;
	content: '';
	border: solid #727272 1px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 20px;
}
.news-center .news-content .news-item li a{
	display: inline-block;
}
