@charset "UTF-8";
body {
	font-family: "思源黑体 CN";
	font-size: 15px;
	color: #333333;
	max-width: 1920px;
	margin: 0 auto;
}

img {
	max-width: 100%;
}

@font-face {
	font-family: "helev";
	src: url("../fonts/helev.TTF");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "helev2";
	src: url("../fonts/HELVETICANEUELTPRO-CN_0.TTF");
	font-weight: normal;
	font-style: normal;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear {
	clear: both;
}

.container {
	width: 100%;
	max-width: 1380px;
}

.container.index {
	width: 96%;
	max-width: 1480px;
}

/* ***********************************************head ********************************************/
.headSearchWarp {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.6);
	z-index: 9009;
	opacity: 0;
	visibility: hidden;
	transition: all .5s ease;
}

.headSearchWarp.open {
	opacity: 1;
	visibility: visible;
	transition: all .5s ease;
}

.headSearch {
	position: fixed;
	top: -151px;
	opacity: 0;
	visibility: hidden;
	left: 0;
	background: #fff;
	z-index: 90090;
	width: 100%;
	padding: 50px 0;
	box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .1);
	transition: all .5s ease;
}

.headSearch.open {
	opacity: 1;
	top: 0;
	visibility: visible;
	transition: all .5s ease;
}

.headSearch .container {
	max-width: 1000px;
	position: relative;
	border-bottom: 1px solid #ddd;
}

.headSearch input[type=text] {
	border: none;
	height: 50px;
	width: 80%;
	padding: 0;
	text-indent: 18px;
	float: left;
}

.headSearch select {
	border: none;
	height: 50px;
	width: 10%;
	padding: 0;
	text-indent: 18px;
	float: left;
}

.headSearch .hsm {
	width: 10%;
	float: left;
	height: 50px;
	background: url(../images/ss-ico.jpg) no-repeat right 15px center;
	text-align: right;
	border: none;
	outline: none;
	padding-right: 5px;
	line-height: 50px;
	cursor: pointer;
}

.headSearch span i {
	font-size: 24px;
	color: #333;
}

.closeHs {
	position: absolute;
	cursor: pointer;
	right: -150px;
	top: -30px;
}

.closeHs i {
	font-size: 28px;
	color: #c1c1c1;
}

.head {
	width: 100%;
	background: rgba(255, 255, 255, 1);
	z-index: 1009;
	top: 0;
	left: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	transition: all .5s ease;
}

.head .container {
	width: 96%;
	max-width: 1693px;
	padding: 11px 0 17px;
}

.head.fixedbg {
	position: fixed;
	top: 0;
	/* padding: 12px 0; */
	/* box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .1); */
	border-bottom: 1px solid #f1f1f1;
	transition: all .5s ease;
}

.head .logo {
	float: left;
	width: 114px;
	height: 63px;
	overflow: hidden;
	position: relative;
	transition: all .5s ease;
}

.WebLink {
	float: left;
	margin-left: 16.24%;
	margin-top: 24px;
	transition: all .5s ease;
	width: 57.5%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.head.fixedbg .WebLink {
	transition: all .5s ease;
}

.WebLink li {
	float: left;
	position: relative;
	margin-left: 26px;
}

.WebLink li:nth-child(1) {
	margin-left: 0;
}

.WebLink li>a {
	display: block;
	font-size: 18px;
	line-height: 25px;
}

.WebLink li:hover>a,
.WebLink li.on>a {
	color: #4796f0;
}

.WebLink li .sub-head-menu {
	position: absolute;
	left: 50%;
	margin-left: -62.5px;
	top: 92px;
	width: 125px;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	transition: all .5s ease;
}

.sub-head-menu-t {
	height: 30px;
	transition: all .5s ease;
}

.head.fixedbg .sub-head-menu-t {
	height: 31px;
	transition: all .5s ease;
}

.sub-head-menu-a {
	border-top: 4px solid #4796f0;
}

.WebLink li:hover .sub-head-menu {
	top: 23px;
	opacity: 1;
	visibility: visible;
	transition: all .5s ease;
}

.WebLink li .sub-head-menu a {
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: 28px;
	padding: 10px 0;
	color: #555;
	border-bottom: 1px solid #f1f1f1;
	background: #fff;
	transition: all .5s ease;
}

.WebLink li .sub-head-menu a:hover {
	background: #4796f0;
	color: #fff;
	transition: all .5s ease;
}

.WebLink li .sub-head-menu a:last-child {
	border-bottom: none;
}

.head.fixedbg .WebLink li>a,
.head.ny .WebLink li>a {
	color: #333333;
}

.head.fixedbg .WebLink li:hover>a,
.head.ny .WebLink li:hover>a {
	color: #4796f0;
}

.head.fixedbg .WebLink li.on>a,
.head.ny .WebLink li.on>a {
	color: #4796f0;
}

.head-search {
	float: left;
	cursor: pointer;
	margin: 24px 0px 0 100px;
}

.head-search i {
	font-size: 20px;
	color: #444;
}

.head.fixedbg .head-search i {
	color: #555555;
}

.head-login {
	float: left;
	width: 12.2%;
	text-align: right;
	margin-top: 14px;
	line-height: 40px;
}

.head-login .login-btn {
	background: #4796f0 url(../images/icon-denglu.png) no-repeat 22px center;
	width: 105px;
	height: 40px;
	color: #fff;
	font-size: 16px;
	text-align: right;
	padding-right: 22px;
	border-radius: 5px;
	float: right;
}






#banner .swiper-container {
	margin: 0 auto;
	/*height: 658px;/*cbx*/
	overflow-y: hidden;/*cbx*/
}

#banner .swiper-slide {
	position: relative;
}

.swiper-slide .banner-text {
	width: 1000px;
	position: absolute;
	left: 5.9111%;
	z-index: 999;
	top: 180px;
	color: #fff;
}

.banner-text .b-t1 {
	font-size: 56px;
	line-height: 75px;
	display: flex;
	flex-direction: column;
}

.banner-text .b-t2 {
	font-size: 26px;
	line-height: 40px;
	margin-top: 30px;
}

#banner {
	position: relative;
	z-index: 88888;
}

#banner .swiper-pagination {
	z-index: 999;
}

#banner .swiper-pagination-bullet {
	width: 28px;
	height: 28px;
	opacity: 1 !important;
	background: url(../images/icon-banner-dot.png) no-repeat left center !important;
	margin: 0 42px;
	position: relative;
	border-radius: 0 !important;
}

#banner .swiper-pagination-bullet::after {
	content: "-";
	position: absolute;
	width: 40px;
	height: 1px;
	background: rgba(255, 255, 255, 0.9);
	top: 14px;
	left: 35px;
	z-index: 11;
	overflow: hidden;
	line-height: 10px;
}

#banner .swiper-pagination-bullet-active {
	width: 28px;
	height: 28px;
	background: url(../images/icon-banner.png) no-repeat left center !important;
}

#banner .swiper-pagination-bullet:last-child::after {
	display: none;
}

.section {
	overflow: hidden;
}

/***********************************************社区资讯*******************************************/
.tit-h1 {
	text-align: center;
	padding: 50px;

}

.tit-h1 .tit1 {
	font-size: 42px;
	line-height: 58px;
	position: relative;
}

.tit-h1 .tit1::after {
	content: " ";
	position: absolute;
	width: 23px;
	height: 23px;
	background: url(../images/icon-news1.png) no-repeat left top;
	top: -7px;
	left: -16px;
	z-index: 11;
	overflow: hidden;
	line-height: 30px;
}

.tit-h1 .tit2 {
	font-size: 18px;
	color: #999999;
	font-family: Calibri;
	line-height: 30px;
	position: relative;
	clear: both;
}

.tit-h1 .tit2::before {
	content: " ";
	position: absolute;
	width: 138px;
	height: 1px;
	background: url(../images/tit-line-l.png) no-repeat left top;
	top: 12px;
	left: -150px;
	z-index: 11;
	overflow: hidden;
	line-height: 30px;
}

.tit-h1 .tit2::after {
	content: " ";
	position: absolute;
	width: 138px;
	height: 1px;
	background: url(../images/tit-line-r.png) no-repeat left top;
	top: 12px;
	right: -150px;
	z-index: 11;
	overflow: hidden;
	line-height: 30px;
}

.tit-h1 .icon {
	display: block;
	width: 19px;
	height: 20px;
	clear: both;
	background: url(../images/icon-news2.png) no-repeat left center;
	overflow: hidden;
	margin: 0 auto;
}

.index-news {
	background: url(../images/news-bg1.jpg) repeat-y left top;
	padding: 37px 0 0px 0;
}

.index-box {
	background: url(../images/news-bg3.jpg) no-repeat center top;
	padding-bottom: 20px;
}

.index-rec-news {
	width: 44.56%;
	float: left;
}

.index-rec-news-tit {
	color: #222222;
	background: url(../images/icon-news-rec.png) no-repeat left bottom;
	padding-left: 28px;
	margin: 40px 0;
}

#recNews {
	position: relative;
	z-index: 777;
}

.syXwBtn {
	width: 54px !important;
	height: 54px !important;
	border: #e8e8e8 solid 1px;
	border-radius: 54px;
	position: absolute;
	bottom: 20px;
	z-index: 999;
}

.syXwBtn:hover {
	width: 54px;
	height: 54px;
	border: #ff771a solid 1px;
	border-radius: 54px;
}

.syXwN {
	background: url(../images/icon-news-r.png) no-repeat center center !important;
	right: 16px;
}

.syXwN:hover {
	background: #ff771a url(../images/icon-news-r-on.png) no-repeat center center !important;
}

.syXwP {
	background: url(../images/icon-news-l.png) no-repeat center center !important;
	right: 86px;
}

.syXwP:hover {
	background: #ff771a url(../images/icon-news-l-on.png) no-repeat center center !important;
}

.index-rec-news .pic {
	width: 100%;
	overflow: hidden;
	transition: all 0.6s;
	height: 0;
	padding-bottom: 62.113%;
	overflow: hidden;
	position: relative;
}

.index-rec-news .news-tit {
	line-height: 30px;
	color: #222;
	height: 50px;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 2;
	/** 显示的行数 **/
	overflow: hidden;
	/** 隐藏超出的内容 **/
	height: auto;
	width: 66.36%;
	margin: 20px 0;
}

.index-news-right {
	width: 45.94%;
	float: right;
}

.index-news-right .news-class {
	margin: 60px 0 50px 0;
	font-size: 20px;
	font-weight: bold;
	color: #222;
	display: flex;
	flex-direction: row;
}

.index-news-right .news-class a {
	color: #222;
	position: relative;
	padding: 0 14px 0 24px;
}

.index-news-right .news-class a::before {
	content: " ";
	display: block;
	width: 7px;
	height: 7px;
	border-radius: 7px;
	background: #4796f0;
	line-height: 20px;
	position: absolute;
	left: 0;
	top: 8px;
}

.index-news-right .news-class a.on {
	color: #4796f0;
}

.index-news-right .news-class a.on::before {
	width: 19px;
	height: 19px;
	border-radius: 0px;
	background: url(../images/icon-news.png) no-repeat left 0px;
	top: 0px;
}

.index-news-right .list {}

.index-news-right .list .news-li {}

.index-news-right .list .news-li .news-left {
	width: 47.393%;
	float: left;
	display: block;
}

.index-news-right .list .news-li .news-left .pic {
	width: 100%;
	overflow: hidden;
	transition: all 0.6s;
	height: 0;
	padding-bottom: 62.333%;
	overflow: hidden;
	position: relative;
}

.index-news-right .list .news-li .news-left .date,
.index-news-right .list .news-li .news-right .date {
	font-size: 14px;
	color: #4990cd;
	line-height: 30px;
	margin: 12px 0;
}

.index-news-right .list .news-li .news-left .tit {
	color: #333;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 1;
	/** 显示的行数 **/
	overflow: hidden;
	/** 隐藏超出的内容 **/
	height: auto;
	font-weight: bold;
}

.index-news-right .list .news-li .news-left:hover .tit {
	color: #4796f0;
}

.index-news-right .list .news-li .news-left .sub-tit {
	color: #777777;
	font-size: 14px;
	line-height: 26px;
	margin: 15px 0;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 5;
	/** 显示的行数 **/
	overflow: hidden;
	/** 隐藏超出的内容 **/
	height: auto;

}

.index-news-right .list .news-li .news-right {
	width: 43.444%;
	float: right;
}

.index-news-right .list .news-li .news-right a .tit {
	font-size: 16px;
	color: #333;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 1;
	/** 显示的行数 **/
	overflow: hidden;
	/** 隐藏超出的内容 **/
	height: auto;
	line-height: 42px;
	margin-bottom: 5px;
}

.index-news-right .list .news-li .news-right a.li {
	border-bottom: #99b7c9 dashed 1px;
	display: block;
	width: 100%;
	margin-bottom: 15px;
}

.index-news-right .list .news-li .news-right .date {
	line-height: 25px;
	margin: 0;
}

.index-news-right .list .news-li .news-right a:hover .tit {
	color: #4796f0;
}

/*****************************************品牌故事**************************************************/
.brand {
	background: #fff;
	position: relative;
	overflow: hidden;
}

.brand::after {
	position: absolute;
	height: 200px;
	content: " ";
	width: 6%;
	background: #f2f7f9;
	right: 0;
	bottom: 0;
}

.brand .container {
	background: #fff;
	padding-bottom: 40px;
}

.slide-brand .hd ul {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}

.slide-brand .hd ul li {
	text-align: center;
	background: #f5f5f5;
	line-height: 60px;
	border-right: #e9e9e9 solid 1px;
	font-size: 18px;
	width: 33.33%;
	cursor: pointer;
}

.slide-brand .hd ul li:last-child {
	border-right: #f5f5f5 solid 1px;
}

.slide-brand .hd ul li.on {
	background: url(../images/icon-news3.jpg) no-repeat left center;
	color: #fff;
	border-right: #fff solid 1px;
}

.slide-brand .bd {
	margin-top: 50px;
}

.swiper-brand {
	padding-bottom: 70px;
}

.swiper-brand a .news-tit {
	color: #222;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 2;
	/** 显示的行数 **/
	overflow: hidden;
	/** 隐藏超出的内容 **/
	height: auto;
	line-height: 30px;
	margin: 20px 0;
	font-weight: bold;
}

.swiper-brand a .date {
	color: #4796f0;
	font-size: 14px;
	background: url(../images/icon-time.png) no-repeat left center;
	padding-left: 24px;
}

.swiper-brand a .date span {
	font-family: arial;
}

.swiper-brand .swiper-pagination-bullet {
	width: 13px;
	height: 13px;
	margin: 0 7px !important;
}

.swiper-brand .swiper-pagination-bullet-active {
	width: 34px;
	border-radius: 13px;
}

/*****************************************研究成果**************************************************/
.research {
	width: 100%;
	background: #f2f7f9;
	padding: 55px 0;
}

.research-left {
	width: 53.77%;
	float: left;
}

.research .tit-h1 {
	text-align: left;
	padding: 0;
}

.research .tit-h1 .tit1::after {
	left: -20px;
}

.research .tit-h1 .tit2 {
	overflow: hidden;
}

.research .tit-h1 .tit2::before {
	background: none;
}

.research .tit-h1 .tit2::after {
	background: #d5d8d9;
	height: 1px;
	width: 580px;
	left: 159px;
}

.research-rec {
	width: 100%;
	display: block;
	padding: 22px 0;
	border-bottom: #dee1e2 dashed 1px;
	overflow: hidden;
}

.research-rec .pic {
	width: 31.81%;
	float: left;
	position: relative;
}

.research-rec .pic .date {
	position: absolute;
	display: flex;
	flex-direction: column;
	text-align: center;
	color: #f2f4f6;
	font-family: arial;
	background: #4796f0;
	width: 58px;
	height: 58px;
	left: 10px;
	justify-content: center;
}

.research-rec .pic .date .day,
.research-li .day {
	font-size: 22px;
}

.research-rec .pic .date .year,
.research-li .year {
	font-size: 12px;
}

.research-rec .research-tit,
.research-rec .research-subtit {
	width: 65.1%;
	float: right;
	padding-right: 10px;
}

.research-rec .research-tit {
	color: #333333;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 1;
	/** 显示的行数 **/
	overflow: hidden;
	/** 隐藏超出的内容 **/
	height: 46px;
	line-height: 46px;
	font-weight: bold;
}

.research-rec .research-subtit {
	color: #888888;
	font-size: 14px;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 3;
	/** 显示的行数 **/
	overflow: hidden;
	line-height: 26px;
}

.research-li {
	width: 100%;
	display: block;
	padding: 16px 0;
	border-bottom: #dee1e2 dashed 1px;
	overflow: hidden;
}

.research-li .date {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	color: #f2f4f6;
	font-family: arial;
	background: #ff771a;
	width: 58px;
	height: 58px;
	justify-content: center;
	float: left;
}

.research-li .research-tit,
.research-li .research-subtit {
	width: 90%;
	float: right;
	padding-right: 50px;
}

.research-li .research-tit {
	color: #333333;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 1;
	/** 显示的行数 **/
	overflow: hidden;
	/** 隐藏超出的内容 **/
	height: 26px;
	line-height: 26px;
	font-weight: bold;
	margin-bottom: 5px;
}

.research-li .research-subtit {
	color: #888888;
	font-size: 14px;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 1;
	/** 显示的行数 **/
	overflow: hidden;
	line-height: 23px;
}

.research-right {
	width: 40.44%;
	float: right;
	margin-top: 60px;
}

.research-right .qikan {
	background: #5295cf;
	position: relative;
}

.qikan-box {
	width: 73.3%;
	padding-top: 35px;
	margin: 0 auto;
	padding-bottom: 20px;
	padding-left: 6px;
}

.qikan-box .pic {
	position: relative;
	z-index: 9999;
}

.qikan-box .pic img {
	height: 240px;
}

.qikan-box .pic::before {
	content: "";
	background: #144f82;
	opacity: .2;
	width: 175px;
	bottom: -6px;
	left: 6px;
	height: 6px;
	display: block;
	position: absolute;
	z-index: 888;
}

.qikan-box .pic::after {
	content: "";
	background: #144f82;
	opacity: .2;
	width: 6px;
	right: 11px;
	top: 6px;
	height: 234px;
	display: block;
	position: absolute;
	z-index: 888;
}

.qikan-box .pic img {
	border: #fff solid 8px;
}

.qikan-box .tit {
	font-size: 14px;
	color: #fff;
	line-height: 50px;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 1;
	/** 显示的行数 **/
	overflow: hidden;
}

.qikanP {
	left: 25px !important;
	background: url(../images/icon-l-qikan.png) no-repeat;
}

.qikanP::after {
	background: none;
	content: "";
}

.qikanN {
	right: 25px;
	background: url(../images/icon-r-qikan.png) no-repeat;

}

.qikanN::after {
	background: none;
	content: "";
}

.research-link {
	background: #deeaf4;
	padding: 29px 37px;
	margin-top: 7px;
}

.research-link .link {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.research-link .link a {
	display: block;
	width: 29.41%;
	padding: 37px 0 20px 0;
	text-align: center;
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	/* Firefox 4*/
	-webkit-transition: all .5s ease;
	/* Safari 和 Chrome*/
	。 -o-transition: all .5s ease;
	/* Opera*/
}

.research-link .link a:hover {
	opacity: .8;
}

.research-link .link a span {
	display: block;
	color: #fff;
	clear: both;
	text-align: center;
	line-height: 38px;
	margin-top: 20px;
	font-weight: bold;
}

.research-link .link a.a1 {
	background: #65a7f1;
}

.research-link .link a.a2 {
	background: #f88e46;
}

.research-link .link a.a3 {
	background: #59b370;
}

/*****************************************发起方  联合共建方 专家学者库**************************************************/
.faqifang {
	background: url(../images/link-bg.jpg) no-repeat center top;
	padding: 75px 0 100px;
}

.faqifang-box {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.faqifang-box .item {
	width: 28.12%;
	border-bottom: #eceded solid 1px;
}

.faqifang-box .item .tit-h1 {
	padding: 0;
	text-align: left;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 1;
	/** 显示的行数 **/
	overflow: hidden;
	/** 隐藏超出的内容 **/
	height: auto;
}

.faqifang-box .item .tit-h1 .tit1 {
	font-size: 32px;
}

.faqifang-box .item .tit-h1 .tit2 {
	padding-left: 30px;
}

.faqifang-box .item .tit-h1 .tit2::before,
.faqifang-box .item .tit-h1 .tit2::after {
	background: none;
}

.faqifang-box .item .tit-h1 .tit1:after {
	left: -20px;
}

.faqifang-box .item .tit-h1 .tit2::before {
	width: 1px;
	height: 28px;
	background: #d4d4d4;
	top: -8px;
	left: 13px;
}

.faqifang-box .item .pic {
	padding: 30px 0 20px 0;
	overflow: hidden;
	height:125px;
}
.faqifang-box .item .pic ul li{
	height:125px;
}


.faqifang-box .item .pic span {
	float: left;
	color: #555555;
	line-height: 30px;
	padding: 15px 0 0 10px;
}

.faqifang-box .item .pic img {
	float: left;
}

/* ************************************footer *****************************************/

.sroll_top {
	right: 0.8%;
	bottom: 6%;
	position: fixed;
	display: none;
	cursor: pointer;
	z-index: 1000;
	background: #4797ec;
	padding: 10px;
}

.footH {
	height: 50px;
	display: none;
}

.footFix {
	background: #4797ec;
	padding: 10px 0;
	display: none;
	justify-content: space-between;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 999;
	text-align: center;
	color: #fff;
}

.footFix>a {
	display: inline-block;
	width: 33%;
	font-size: 16px;
	color: #ffffff !important;
}

.footFix>a>i.iconfont {
	font-size: 20px;
	margin-right: 5px;
	color: #fff;
}

footer {
	height: auto !important;
	background: url(../images/foot-bg.jpg) no-repeat center top;
}

.foot-top {
	padding: 70px 0 58px;
}

.foot-lm {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.foot-lm .item {}

.foot-top h4 {
	font-size: 22px;
	color: #333333;
	line-height: 25px;
}

.foot-lm .link,
.foot-lm .info {
	margin-top: 16px;
}


.foot-lm .link a {
	display: block;
	font-size: 16px;
	color: #666666;
	line-height: 42px;
}


.foot-lm .link a:hover {
	color: #333;
}

.foot-lm .info {
	font-size: 16px;
	color: #666666;
	line-height: 42px;
}

.foot-lm .info p {
	margin: 0;
	padding: 0;
}

.foot-lm .info a {
	font-family: arial;
	color: #666666;
}

.foot-lm .info a:hover {
	color: #4796f0;
}

.f-ewm {
	text-align: center;
	float: left;
	margin-top: 20px;
	margin-right: 10px;
}

.f-ewm img {
	border: #e9e9e9 solid 1px;
	width:140px;
	height:140px;
}

.f-ewm p {
	line-height: 45px;
	color: #666666;
}

.foot-copy {
	line-height: 70px;
	font-size: 15px;
	color: #fff;
	text-align: center;
	background: url(../images/copy-bg.png) no-repeat center top;
}

.foot-copy a {
	color: #fff;
}

.foot-copy a:hover {
	color: #fff;
}

/* MB - PC */
.isPc {
	display: block;
}

.isMobile {
	display: none !important;
}

/******************************************内页面包屑导航***************************************/
.sub-banner {
	width: 100%;
	height: 140px;
	background: #3175af;
	position: relative;
}

.sub-banner .banner {
	margin-top: 15px;
	position: absolute;
	left: 0;
	z-index: 333;
}

.sub-banner .container {
	position: relative;
	z-index: 777;

}

.sub-banner .navig {
	line-height: 64px;
	font-size: 14px;
	color: #555555;
	margin-top: 15px;
}

.sub-banner .navig i {
	font-size: 13px;
	color: #ec8015;
}

.sub-banner .navig a {
	color: #555555;
}

.sub-banner .navig a:hover {
	color: #ec8015;
}

.sub-banner .navig span {
	border-left: #d1d2d6 dashed 1px;
	padding: 0 10px 0 0;
	margin-left: 10px;
}

.sub-banner h2 {
	font-size: 42px;
	color: #222222;
}

.sub-banner-blank {
	width: 100%;
	height: 60px;
}

.sub-about {
	padding: 80px 0;
	position: relative;
}

.sub-about .bg {
	float: right;
	position: absolute;
	z-index: 333;
	right: 0;
}

.sub-about .content {
	width: 54.13%;
	background: #fff;
	min-height: 445px;
	position: relative;
	z-index: 444;
	top: 47px;
	padding-top: 50px;
	margin-bottom: 120px;
}

.sub-about .btn-video {
	width: 67px;
	height: 67px;
	background: #fff url(../images/abt-video.jpg) no-repeat center center;
	border-radius: 50%;
	border: #e5e5e5 solid 13px;
	position: absolute;
	display: block;
	right: -38px;
	top: 190px;
}

.sub-about .btn-video:hover {
	border: #ec8015 solid 13px;
}

.tit-left {
	padding: 0;
	text-align: left;
}

.tit-left .tit1::after {
	left: -20px;
}

.tit-h1 .tit1 {
	font-size: 32px;
}

.tit-left .tit2 {
	color: #ec8015;
}

.tit-left .tit2::before,
.tit-left .tit2::after {
	background: none;

}

.tit-left .tit2::after {
	width: 30px;
	height: 1px;
	background: #ec8015;
	left: 0;
	top: 40px
}

.abt-text {
	margin-top: 56px;
	color: #666666;
	line-height: 30px;
	width: 82%;
}

.abt-text p {
	margin-bottom: 30px;
}

/***********************************************行业观点  政策信息***************************************************/
.sub-body-bg {
	width: 100%;
	margin: 80px auto;
	background: #fff url(../images/sub-news-bg.jpg) repeat-y right top;
}

.points-left {
	width: 64%;
	float: left;
}

.points-left .item {
	border-bottom: #dcdbda solid 1px;
	padding: 17px 0;
}

.points-left .item a {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.points-left .item .date {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	color: #fff;
	font-family: arial;
	background: #a6a6a6;
	width: 62px;
	height: 62px;
	justify-content: center;
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	/* Firefox 4*/
	-webkit-transition: all .5s ease;
	/* Safari 和 Chrome*/
	-o-transition: all .5s ease;
	/* Opera*/
	line-height: 26px;
	overflow: hidden;
}

.points-left .item .date .day {
	font-size: 24px;
	font-weight: bold;
	padding-top: 4px;
}

.points-left .item .date .year {
	font-size: 13px;
	color: rgb(255, 255, 255, .6);
}

.points-left .item .tit {
	width: 89.8%;
	color: #333333;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 1;
	/** 显示的行数 **/
	overflow: hidden;
	/** 隐藏超出的内容 **/
	height: auto;
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	/* Firefox 4*/
	-webkit-transition: all .5s ease;
	/* Safari 和 Chrome*/
	-o-transition: all .5s ease;
	/* Opera*/

}

.points-left .item a:hover .date {
	background: #4499ee;
}

.points-left .item a:hover .tit {
	color: #4499ee;
}

.points-right {
	width: 31%;
	background: #f2f6f8;
	float: right;
	padding-top: 40px;
}

.points-right .rec-tit {
	color: #222222;
	margin-left: 48px;
	display: flex;
	flex-direction: row;
	position: relative;
	width: 100%;
	line-height: 30px;
	font-weight: bold;
	margin-bottom: 20px;
}

.points-right .rec-tit::before {
	position: absolute;
	content: " ";
	width: 32px;
	height: 1px;
	background: #ec8015;
	left: -48px;
	top: 15px;
}

.points-right .rec-tit .tubiao {
	width: 30px;
	height: 30px;
	border-radius: 100%;
	background: #fff url(../images/icon-hangye.jpg) no-repeat center center;
	margin-right: 16px;
}

.points-right .rec-tit a {
	float: right;
	color: #666;
	font-size: 16px;
	background: url(../images/icon-more.png) no-repeat right center;
	padding-right: 17px;
	font-weight: normal;
	text-align: right;
	position: absolute;
	right: 48px;
}

.points-right .rec-tit a:hover {
	background: url(../images/icon-more-on.png) no-repeat right center;
	color: #4796f0;
}

.points-right .rec-list {
	margin-left: 48px;
	padding-bottom: 40px;
}

.points-right .rec-list .item {
	padding: 20px 0;
	border-bottom: #cacaca dashed 1px;
}

.points-right .rec-list .item a {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.points-right .rec-list .item .date {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	font-family: arial;
	width: 58px;
	height: 52px;
	justify-content: space-between;
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	/* Firefox 4*/
	-webkit-transition: all .5s ease;
	/* Safari 和 Chrome*/
	-o-transition: all .5s ease;
	/* Opera*/
}

.points-right .rec-list .item .date .day {
	font-size: 24px;
	font-weight: bold;
	color: #4796f0;
}

.points-right .rec-list .item .date .year {
	font-size: 14px;
	color: rgb(34, 34, 34, .6);
}

.points-right .rec-list .item .tit {
	width: 92%;
	color: #333333;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 2;
	/** 显示的行数 **/
	overflow: hidden;
	/** 隐藏超出的内容 **/
	height: auto;
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	/* Firefox 4*/
	-webkit-transition: all .5s ease;
	/* Safari 和 Chrome*/
	-o-transition: all .5s ease;
	/* Opera*/
	line-height: 28px;
	margin-top: -3px;
	padding: 0 30px;
}

.points-right .rec-list .item a:hover .tit {
	color: #4499ee;
}

.blank-h {
	height: 50px;
}

/***********************************************行业观点  思想观点***************************************************/
.ideas-class {
	width: 100%;
	display: flex;
	flex-direction: row;
}

.ideas-class::after {
	content: " ";
	height: 1px;
	width: 100%;
	background: #e0e0e0;
	margin-top: 24px;
}

.ideas-class a {
	background: #f1f1f1;
	border-right: #fff solid 1px;
	color: #333333;
	line-height: 50px;
	text-align: center;
	display: block;
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	/* Firefox 4*/
	-webkit-transition: all .5s ease;
	/* Safari 和 Chrome*/
	-o-transition: all .5s ease;
	/* Opera*/
	padding: 0 23px;
	word-break: keep-all;

}

.ideas-class a.on {
	color: #fff;
	background: #4796f0;
}

.ideas-class a:hover {
	color: #fff;
	background: #4796f0;
}

.ideas-class a:last-child {
	border-right: none;
}

.ideas-list {
	margin: 15px 0 35px 0;
	overflow: hidden;
}

.ideas-list .ideas-item {
	overflow: hidden;
	position: relative;
	z-index: 111;
	padding-left: 18px;
}

.ideas-list .ideas-item a {
	display: block;
	width: 100%;
	padding: 34px 0;
	border-bottom: #e0e0e0 solid 1px;
	overflow: hidden;
}

.ideas-list .ideas-item .ideas-item-left {
	width: 40.32%;
	float: left;

}

.ideas-list .ideas-item .ideas-item-left .pic {
	width: 100%;
	transition: all 0.6s;
	height: 0;
	padding-bottom: 62.643%;
	overflow: hidden;
}

.ideas-list .ideas-item .ideas-item-left .date {
	position: absolute;
	left: 0px;
	bottom: 57px;
	background: #ec8015;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	text-align: center;
	width: 54px;
	height: 54px;
	color: #fff;
	z-index: 888;
}

.ideas-list .ideas-item .ideas-item-left .date .year {
	font-size: 12px;
	color: rgb(255, 255, 255, .6);
}

.ideas-list .ideas-item .ideas-item-left .date .day {
	font-size: 20px;
	padding-top: 5px;
}

.ideas-list .ideas-item .ideas-item-right {
	width: 55%;
	float: right;
	overflow: hidden;
}

.ideas-list .ideas-item-tit {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 1;
	/** 显示的行数 **/
	overflow: hidden;
	/** 隐藏超出的内容 **/
	height: auto;
	line-height: 56px;
	color: #333;
}

.ideas-list .ideas-item a:hover .ideas-item-tit {
	color: #4796f0;
}

.ideas-list .ideas-item-subtit {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 5;
	/** 显示的行数 **/
	overflow: hidden;
	/** 隐藏超出的内容 **/
	height: auto;
	color: #777777;
	font-size: 15px;
	line-height: 26px;
}

/***********************************************行业观点  公益数据***************************************************/
.datas-list {
	margin-top: 33px;
	border: #eeeeee dashed 1px;
	background: url(../images/data-bg.jpg) repeat-x right top;
	padding-top: 15px;
}

.datas-list-item {
	padding: 18px 0;
}

.datas-list-item .datas-tit {
	color: #333;
	line-height: 44px;
	position: relative;
}

.datas-list-item .datas-tit span {
	font-family: arial;
	color: #888888;
	font-size: 18px;
}

.datas-list-item .datas-tit::before {
	content: " ";
	width: 6px;
	height: 23px;
	background: #ec8015;
	position: absolute;
	left: 0;
	top: 11px;
}

.datas-list-item .datas-content {
	line-height: 28px;
	color: #888;
	font-size: 15px;
	padding-top: 5px;
}

.datas-list-item .datas-tit,
.datas-list-item .datas-content {
	padding-left: 33px;
}

.datas-list-item:nth-child(even) {
	background: #edf1f6;
}

/***********************************************品牌项目  创投大赛***************************************************/
.brands-item {
	width: 47.72%;
	padding-bottom: 20px;
	float: left;
	overflow: hidden;
}

.brands-item:nth-child(even) {
	float: right;
}

.brands-item .pic {
	width: 100%;
	overflow: hidden;
	transition: all 0.6s;
	height: 0;
	padding-bottom: 62.62%;
}

.brands-item .brands-tit {
	padding: 20px 0;
	overflow: hidden;
}

.brands-item .date {
	background: #ec8015;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	text-align: center;
	width: 54px;
	height: 54px;
	color: #fff;
	z-index: 888;
	float: left;
}

.brands-item .date .year {
	font-size: 12px;
	color: rgb(255, 255, 255, .6);
}

.brands-item .date .day {
	font-size: 20px;
	padding-top: 5px;
}

.brands-item .brand-biaoti {
	float: right;
	width: 80%;
	line-height: 28px;
	padding-right: 15px;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 2;
	/** 显示的行数 **/
	overflow: hidden;
	/** 隐藏超出的内容 **/
	height:54px; /*auto;*/
	color: #333;

}

/***********************************************社区资讯  上海动态***************************************************/
.news-list {
	padding-top: 46px;
}

.news-list-item {
	width: 47.72%;
	padding-bottom: 40px;
	float: left;
	overflow: hidden;
}

.news-list-item:nth-child(even) {
	float: right;
}

.news-list-item .pic {
	width: 100%;
	overflow: hidden;
	transition: all 0.6s;
	height: 0;
	padding-bottom: 62.62%;
	position: relative;
}

.news-list-item .news-list-tit {
	margin-top: 15px;
	line-height: 55px;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 1;
	/** 显示的行数 **/
	overflow: hidden;
	/** 隐藏超出的内容 **/
	height: auto;
	color: #333;
}

.news-list-item a:hover .news-list-tit {
	color: #4796f0;
}

.news-list-item .date {
	background: #ec8015;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	text-align: center;
	width: 54px;
	height: 54px;
	color: #fff;
	z-index: 888;
	float: left;
	position: absolute;
	left: 15px;
	bottom: 12px;
}

.news-list-item .date .year {
	font-size: 12px;
	color: rgb(255, 255, 255, .6);
}

.news-list-item .date .day {
	font-size: 20px;
	padding-top: 5px;
}

.news-list-item .news-list-subtit {
	line-height: 28px;
	font-size: 15px;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 3;
	/** 显示的行数 **/
	overflow: hidden;
	/** 隐藏超出的内容 **/
	height: auto;
	color: #777777;
	height: 86px;

}

/***********************************************社区资讯  ***************************************************/
.sub-banner-news {
	background: url(../images/sub-banner-news-bg.jpg) no-repeat center top;
	height: auto;
}

.sub-banner-news .navig,
.sub-banner-news .navig i,
.sub-banner-news .navig a {
	color: #fff;
}

.picBtnTop {
	width: 100%;
	height: 520px;
	position: relative;
	overflow: hidden;
	zoom: 1;
	margin-bottom: 90px;
}

.picBtnTop .hd {
	width: 35.35%;
	float: right;
	background: #fff;
}

.picBtnTop .hd ul li {
	width: 100%;
	height: 25%;
	clear: both;
	position: relative;
}

.picBtnTop .hd ul li .pic {
	width: 45.7%;
	float: right;
	position: relative;
}

.picBtnTop .hd ul li .info {
	width: 54.3%;
	float: left;
	position: relative;
	padding: 12px 25px;
}

.picBtnTop .hd ul li .info::after {
	content: " ";
	width: 100%;
	height: 1px;
	background: #eff5fa;
	position: absolute;
	left: 0;
	bottom: 0;
}

.picBtnTop .hd ul li .info .date {
	color: #666666;
	font-size: 14px;
	line-height: 24px;
}

.picBtnTop .hd ul li .info .tit {
	color: #222222;
	line-height: 28px;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 3;
	/** 显示的行数 **/
	overflow: hidden;
	/** 隐藏超出的内容 **/
	height: auto;

}

.picBtnTop .hd ul li img {
	cursor: pointer;
	vertical-align: bottom;
}

.picBtnTop .hd ul li.on {
	background: #ec8015;
}

.picBtnTop .hd ul li.on .info {
	background: #ec8015;

}

.picBtnTop .hd ul li.on .info .date,
.picBtnTop .hd ul li.on .info .tit {
	color: #fff;
}

.picBtnTop .hd ul li.on .info::after {
	background: #ec8015;
	content: " ";
	left: -19px;
	width: 19px;
	height: 100%;
	position: absolute;
	z-index: 999;
}

.picBtnTop .hd ul li.on .pic::after {
	border: #ec8015 solid 2px;
	content: " ";
	position: absolute;
	z-index: 999;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.picBtnTop .bd {
	width: 64.65%;
	position: relative;
}

.picBtnTop .bd li {
	position: relative;
	zoom: 1;
	vertical-align: middle;
}

.picBtnTop .bd li .pic {
	position: relative;
	z-index: 0;
	width: 100%;
	overflow: hidden;
	transition: all 0.6s;
	height: 0;
	padding-bottom: 58.3%;
	overflow: hidden;
}

.picBtnTop .bd li .pic img {
	vertical-align: bottom;
}

.picBtnTop .bd li .bg {
	width: 100%;
	padding: 0 45px;
	height: 183px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	background: url(../images/rec-jb-bg.png)repeat-x left bottom;
}

.picBtnTop .bd li .bg .biaoqian {
	width: 78px;
	height: 32px;
	background: #ec8015;
	text-align: center;
	line-height: 32px;
	font-size: 14px;
	color: #fff;
}

.picBtnTop .bd li .bg .tit {
	color: #fff;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 1;
	/** 显示的行数 **/
	overflow: hidden;
	/** 隐藏超出的内容 **/
	height: auto;
	line-height: 70px;

}

.picBtnTop .bd li .bg .sub-tit {
	color: rgb(255, 255, 255, .5);
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 2;
	/** 显示的行数 **/
	overflow: hidden;
	/** 隐藏超出的内容 **/
	height: auto;
	line-height: 26px;
}

.shanghaidongtai {
	padding-top: 60px;
	padding-bottom: 60px;
}

.shanghaidongtai .pic {
	width: 100%;
	overflow: hidden;
	transition: all 0.6s;
	height: 0;
	padding-bottom: 62.89%;
}

.shanghaidongtai .news-info {
	padding: 15px 4px 15px 20px;
	width: 94.34%;
	position: relative;
}

.shanghaidongtai .news-info .tit {
	line-height: 28px;
	color: #333;
	margin-bottom: 15px;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 2;
	/** 显示的行数 **/
	overflow: hidden;
	/** 隐藏超出的内容 **/
	height: auto;

}

.shanghaidongtai .news-info .date {
	color: #777777;
	font-size: 14px;
	height: 50px;
	position: relative;
}

.shanghaidongtai .news-info .date::after {
	content: " ";
	width: 40px;
	height: 3px;
	background: #ec8015;
	position: absolute;
	bottom: 0;
	left: 0;
}

.shanghaidongtai .sy-news a:hover .news-info {
	background: #4499e5;
}

.shanghaidongtai .sy-news a:hover .news-info::before {
	content: " ";
	width: 100%;
	height: 21px;
	background: #4499e5;
	position: absolute;
	top: -21px;
	left: 0;
}

.shanghaidongtai .sy-news a:hover .news-info .tit,
.shanghaidongtai .sy-news a:hover .news-info .date {
	color: #fff;
}

.shanghaidongtai .sy-news a:hover .news-info .date::after {
	background: #fff;
}

.shanghaidongtai .mySwiper {
	margin-top: 30px;
}

.shanghaidongtai .tit-left .tit2 {
	color: #999999;
	padding-left: 15px;
	margin-left: 15px;
}

.shanghaidongtai .tit-left .tit2:hover {
	color: #4295eb;
}

.shanghaidongtai .tit-left .tit2::after {
	width: 1px;
	height: 28px;
	background: #d4d4d4;
	left: 0;
	top: -8px;
}

.shanghaidongtai .syXwBtn {
	width: 45px !important;
	height: 45px !important;
	border-radius: 100%;
	border: #d4d4d4 solid 1px;
	position: absolute;
	z-index: 999;
	display: block;
	top: 4px !important;
	cursor: pointer;
}

.shanghaidongtai .syXwN,
.shanghaidongtai .qgdtN {
	background: url(../images/icon-jt-r.png) no-repeat center center !important;
	right: 0;
}

.shanghaidongtai .syXwN:hover,
.shanghaidongtai .qgdtN:hover {
	background: #4499e5 url(../images/icon-jt-r-on.png) no-repeat center center !important;
	border: #4499e5 solid 1px;
}

.shanghaidongtai .syXwP,
.shanghaidongtai .qgdtP {
	background: url(../images/icon-jt-l.png) no-repeat center center !important;
	right: 65px;
}

.shanghaidongtai .syXwP:hover,
.shanghaidongtai .qgdtP:hover {
	background: #4499e5 url(../images/icon-jt-l-on.png) no-repeat center center !important;
	border: #4499e5 solid 1px;
}

.quanguodongtai-wrap {
	padding: 60px 0;
	background: url(../images/sub-dongtai-bg.jpg) no-repeat center top;
}

.quanguodongtai {
	padding: 0 0 60px 0;
}

.quanguo {
	padding-top: 40px;
}

.quanguo .tit {
	color: #333;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 1;
	/** 显示的行数 **/
	overflow: hidden;
	/** 隐藏超出的内容 **/
	height: auto;
	font-weight: bold;
	margin-bottom: 30px;
}

.quanguo .date {
	font-family: arial color: #777777;
	font-size: 14px;
	height: 35px;
}

.quanguo .sub-tit {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 4;
	/** 显示的行数 **/
	overflow: hidden;
	/** 隐藏超出的内容 **/
	height: auto;
	color: #666666;
	line-height: 27px;
	font-size: 15px;
}

.quanguo .sy-news a:hover .tit {
	color: #4499e5;
}

.quanguo .sy-news a:hover .date {
	color: #777777;
}

.quanguo .swiper-slide .sy-news {
	position: relative;
	z-index: 111;
}

.quanguo .swiper-slide .sy-news::after {
	content: " ";
	width: 1px;
	height: 180px;
	background: #e4e6e6;
	position: absolute;
	right: -48px;
	top: 0;
	z-index: 999;
}

.quanqiu {
	padding-top: 90px;
}

.quanqiu-row {
	margin: 0;
	padding-top: 44px;
}

.quanqiu-row .pdg {
	padding: 0px;
}

.quanqiu-row .pic,
.fazhanyuebao-left-item {
	width: 100%;
	overflow: hidden;
	transition: all 0.6s;
	height: 0;
	padding-bottom: 62.83%;
	position: relative;
	z-index: 111;
}

.quanqiu-row .pic .tit,
.fazhanyuebao-left-item .tit {
	width: 100%;
	position: absolute;
	height: 144px;
	left: 0;
	bottom: 0;
	background: url(../images/qxsy-jb-bg.png) repeat-x left bottom;
	color: #fff;
	line-height: 29px;
	font-weight: bold;
	display: flex;
	flex-direction: column;
	align-items: center;
	z-index: 999;
	padding: 30px 30px 0 30px;
	vertical-align: middle;
	justify-content: space-around;
}

.quanqiu-row .pic .tit span,
.fazhanyuebao-left-item .tit span {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 2;
	/** 显示的行数 **/
	overflow: hidden;
}

.fazhanyuebao {
	width: 100%;
	padding: 60px 0;
	position: relative;
}

.fazhanyuebao::before {
	width: 29%;
	height: 100%;
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	background: #f5f5f6;
}

.fazhanyuebao-left {
	width: 33.333%;
	float: left;
}

.fazhanyuebao-right {
	width: 63.26%;
	float: right;

}

.fazhanyuebao-left,
.fazhanyuebao-right {
	margin-top: 35px;
}

.fazhanyuebao-right .item {
	margin-bottom: 22px;
	background: #f5f5f5;
	position: relative;
	width: 100%;
}

.fazhanyuebao-right .item a {
	display: block;
	width: 100%;
	overflow: hidden;
}

.fazhanyuebao-right .item .item-left {
	width: 32.5%;
	float: left;
	overflow: hidden;
}

.fazhanyuebao-right .item .item-left .pic {
	width: 100%;
	transition: all 0.6s;
	height: 0;
	padding-bottom: 62.643%;
	overflow: hidden;
}

.fazhanyuebao-right .item .date {
	position: absolute;
	left: -17px;
	bottom: 33px;
	background: #ec8015;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	text-align: center;
	width: 54px;
	height: 54px;
	color: #fff;
	z-index: 888;
}

.fazhanyuebao-right .item .date .year {
	font-size: 12px;
	color: rgb(255, 255, 255, .6);
}

.fazhanyuebao-right .item .date .day {
	font-size: 20px;
	padding-top: 5px;
}

.fazhanyuebao-right .item .item-right {
	width: 64%;
	float: right;
	overflow: hidden;
	padding: 24px 30px 24px 0;
}

.fazhanyuebao-right .item .item-tit {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 2;
	/** 显示的行数 **/
	overflow: hidden;
	/** 隐藏超出的内容 **/
	height: auto;
	line-height: 28px;
	color: #333;
	font-weight: bold;
}

.fazhanyuebao-right .item a:hover .item-tit {
	color: #4796f0;
}

.fazhanyuebao-right .item .item-subtit {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 2;
	/** 显示的行数 **/
	overflow: hidden;
	/** 隐藏超出的内容 **/
	height: auto;
	color: #777777;
	font-size: 15px;
	line-height: 26px;
	padding-top: 16px;
}

/***********************************************社区资讯  上海动态  文章详情页***************************************************/
.detail .date {
	position: absolute;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	color: #fff;
	font-family: arial;
	background: #ec8015;
	width: 70px;
	height: 70px;
	left: 0;
	top: 15px;
	justify-content: center;
}

.detail .date .day {
	font-size: 25px;
	padding-top: 4px;
}

.detail .date .year {
	font-size: 15px;
	color: rgb(255, 255, 255, .6);
	padding-top: 8px;
}

.news-detail {
	width: 87.2%;
	float: right;
}

.news-detail .title {
	color: #333;
	line-height: 40px;
	margin: 15px 0;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 2;
	/** 显示的行数 **/
	overflow: hidden;
	/** 隐藏超出的内容 **/
	height: auto;

}

.news-detail .info {
	color: #777777;
	font-size: 15px;
	margin-bottom: 25px;
}

.news-detail .views {
	background: url(../images/view.png) no-repeat left center;
	padding-left: 27px;
	padding-right: 20px;
}

.news-detail .content,
.shequ-detail-content {
	border: #e0e0e0 solid 1px;
	border-right: none;
	border-left: none;
	padding: 25px 0;
	line-height: 29px;
	font-size: 15px;
	color: #777;
}

.news-detail .content a {
	color: #777;
}

.news-detail .detail-page {
	background: #f1f1f1;
	padding: 25px 40px;
	color: #222222;
	margin-top: 50px;
}

.news-detail .detail-page a {
	display: block;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 1;
	/** 显示的行数 **/
	overflow: hidden;
	/** 隐藏超出的内容 **/
	height: auto;
	line-height: 40px;
	color: #222222;

}

.news-detail .detail-page a:hover {
	color: #ec8015;
}

.news-detail .detail-page a span {
	color: #666666;
}

/***********************************************学习资源  研究成果***************************************************/
.sub-research {
	padding-top: 50px;
	padding-bottom: 20px;
}

.sub-research .item {
	border-top: #dcdbda solid 1px;
	border-bottom: none;
	position: relative;
}

.sub-research .item a {
	justify-content: flex-start;

}

.sub-research .item .tit {
	margin-left: 25px;
	width: 70%;
}

.sub-research .item .btn-down {
	width: 57px;
	height: 57px;
	background: #f1f1f1 url(../images/icon-down.png) no-repeat center center;
	right: 28px;
	top: 0;
	position: absolute;
}

.sub-research .item a:hover .btn-down {
	background: #4796f0 url(../images/icon-down-on.png) no-repeat center center;
}

.remind-login {
	padding: 35px;
	text-align: center;
	font-size: 18px;
	color: #333333;
}

.remind-login a {
	color: #4796f0;
	padding-top: 25px;
	display: block;
}

/***********************************右侧推荐书目********************************************/
.rec-shumu-pic {
	width: 28.16%;
	float: left;
	border: #ebe9e9 solid 1px;
}

.rec-shumu-pic .pic {
	width: 100%;
	overflow: hidden;
	transition: all 0.6s;
	height: 0;
	padding-bottom: 62.85%;
}

.points-right .shumu .item .tit {
	-webkit-line-clamp: 1;
	padding-right: 0;
}

/***********************************学习资源      研究成果      慈善案例********************************************/
.charity-case-tit {
	padding-left: 22px;
	background: url(../images/dot.png) no-repeat left center;
	color: #333;
	padding: 35px 0 35px 22px;
}

.charity-case-tit a {
	float: right;
	color: #666;
	font-size: 16px;
	padding-top: 3px;
}

.charity-case-tit a:hover {
	color: #4796f0;
}

.charity-case {
	margin: 0;
}

.charity-case .ideas-item:first-child a {
	padding-top: 0;
}

/***********************************学习资源      研究成果      慈善论文********************************************/
.charity-news {
	padding: 55px 0 30px 0;
}

.charity-news .row {
	margin-right: -11px;
	margin-left: -11px
}

.charity-news .row .pdg {
	padding: 0 11px;
	margin-bottom: 30px;
	overflow: hidden;
}

.charity-news .row .newsli {
	display: block;
	width: 100%;
	overflow: hidden;
	background: #4295ef;
}

.charity-news .row .newsli .icon-down {
	color: #666666;
	line-height: 54px;
	background: #f5f5f5 url(../images/icon-download.png) no-repeat 32px center;
	padding-left: 60px;
}

.charity-news .row .newsli:hover .icon-down {
	color: #fff;
	background: #4295ef url(../images/icon-download-on.png) no-repeat 32px center;
}

.charity-news-top {
	border: #f4f9fe dashed 1px;
	border-bottom: #4295ef dashed 1px;
	margin: 12px 12px 0 12px;
	position: relative;
}

.charity-news .row .newsli:hover .charity-news-top {
	border-bottom: #f4f9fe dashed 1px;
}

.charity-news-top .tit {
	width: 70%;
	margin: 20px 0 0 30px;
	color: #fff;
	font-size: 17.78px;
	line-height: 28px;
	min-height: 112px;
}

.charity-news-top .date {
	position: absolute;
	right: 0px;
	bottom: 17px;
	background: #ec8015;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	text-align: center;
	width: 54px;
	height: 54px;
	color: #fff;
	z-index: 888;
}

.charity-news-top .date .year {
	font-size: 12px;
	color: rgb(255, 255, 255, .6);
}

.charity-news-top .date .day {
	font-size: 20px;
	padding-top: 5px;
}

/********************************************学习资源      发展季刊********************************************/
.qikan-rec-pic {
	width: 15.79%;
	border: #ebe8e8 solid 1px;
}

.devjournal .row {
	margin-right: -17px;
	margin-left: -17px
}

.devjournal .row .pdg {
	padding: 0 17px;
	margin-bottom: 40px;
}

.devjournal .pic-wrap {
	position: relative;
	z-index: 2222;
	margin-bottom: 10px;
}

.devjournal .pic-wrap::after {
	content: " ";
	background: #f1f1f1;
	width: 100%;
	height: 100%;
	left: 10px;
	top: 10px;
	position: absolute;
	z-index: 1111;
}

.devjournal .pic-wrap2 {
	padding: 13px 13px;
	border: #e0e0e0 solid 1px;
	background: #fff;
	position: relative;
	z-index: 9999;
}

.devjournal .pic-wrap .pic {
	width: 100%;
	overflow: hidden;
	transition: all 0.6s;
	height: 0;
	padding-bottom: 142%;
	overflow: hidden;
	position: relative;
	z-index: 9999;
}

.devjournal .pic-wrap .pic img {
	margin: 0 auto
}

.devjournal-tit {
	line-height: 28px;
	font-size: 16px;
	color: #555555;
	border-bottom: #dcd9d9 solid 1px;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 2;
	/** 显示的行数 **/
	overflow: hidden;
	/** 隐藏超出的内容 **/
	height: auto;
	padding: 15px 20px 20px 10px;

}

.devjournal a:hover .devjournal-tit {
	color: #529ce9;
}

/********************************************学习资源      共学书目********************************************/
.sub-shumu .row {
	margin-right: -10px;
	margin-left: -10px
}

.sub-shumu .row .pdg {
	padding: 0 10px;
	margin-bottom: 20px;
}

.sub-shumu-pic {
	width: 100%;
	overflow: hidden;
	transition: all 0.6s;
	height: 0;
	padding-bottom: 62.95%;
	overflow: hidden;
	position: relative;
	z-index: 9999;
}

.sub-shumu-pic img {
	margin: 0 auto;
	border: #eeebeb solid 1px;
}

.sub-shumu-tit {
	line-height: 28px;
	font-size: 16px;
	color: #333333;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 1;
	/** 显示的行数 **/
	overflow: hidden;
	/** 隐藏超出的内容 **/
	height: auto;
	margin: 15px 0;
}

.sub-shumu .row a:hover img {
	border: #3c8fea solid 1px;
}

.sub-shumu .row a:hover .sub-shumu-tit {
	color: #3c8fea;
}

/********************************************学习资源  壹棵松学堂******************************************/
.sub-course {
	margin-bottom: 30px;
}

.sub-course .row {
	margin-right: -11px;
	margin-left: -11px
}

.sub-course .row .pdg {
	padding: 0 11px;
	margin-bottom: 35px;
}

.sub-course .pic {
	width: 100%;
	overflow: hidden;
	transition: all 0.6s;
	height: 0;
	padding-bottom: 62.95%;
	overflow: hidden;
	position: relative;
	z-index: 9999;
}

.course-tit {
	line-height: 28px;
	font-size: 16px;
	color: #333333;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 1;
	/** 显示的行数 **/
	overflow: hidden;
	/** 隐藏超出的内容 **/
	height: auto;
	margin: 12px auto;
}

.course-learn {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	line-height: 33px;
}

.course-learn .user-num {
	background: url(../images/icon-user.png) no-repeat left center;
	color: #888888;
	padding-left: 20px;
}

.course-learn .see {
	width: 76px;
	height: 33px;
	background: #2979cd;
	border-radius: 33px;
	color: #fff;
	text-align: center;

}

.sub-course .row .pdg a:hover .course-tit {
	color: #2979cd;
}

.sub-course-rec-item {
	padding: 14px 0 19px 0;
}

.course-rec-pic {
	width: 27.9%;
	border: #ebe9e9 solid 1px;
}

.course-rec-pic .pic {
	width: 100%;
	overflow: hidden;
	transition: all 0.6s;
	height: 0;
	padding-bottom: 62.86%;
	overflow: hidden;
	position: relative;
	z-index: 9999;
}

.course-rec-info {
	float: right;
	width: 66.84%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.course-rec-tit {
	color: #333;
	font-weight: bold;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 1;
	/** 显示的行数 **/
	overflow: hidden;
	/** 隐藏超出的内容 **/
	height: auto;
	margin-bottom: 20px;
}

.course-rec-learn {
	background: url(../images/icon-user.png) no-repeat left center;
	color: #888888;
	padding-left: 20px;
}

.sub-course-rec-item a:hover .course-rec-tit {
	color: #4392e5;
}

/********************************************学习资源  壹棵松学堂  详情页******************************************/
.course-detail-bodybg {
	background: #fff url(../images/sub-news-bg2.jpg) repeat-y right top;
}

.course-detail-right {
	margin-right: 30px;
}

.points-right .course-detial-rec-tit a {
	right: 78px;
}

.gongxianzhe-info {
	margin-left: -2px;
	border-bottom: #fff solid 22px;
	overflow: hidden;
	line-height: 37px;
	padding: 10px 0 38px 50px;
}

.gongxianzhe-info .pic {
	width: 80px;
	float: left;
}

.gongxianzhe-info .pic img {
	width: 80px;
	height: 80px;
	border-radius: 100%;
}

.gongxianzhe-info .nickname {
	color: #222222;
	float: right;
	width: 73.68%;
	padding-top: 6px;
}

.gongxianzhe-info .zhiwu {
	font-size: 16px;
	color: #888888;
	float: right;
	width: 73.68%;
}

.mt-38 {
	margin-top: 38px;
}

.course-video {}

.course-video-bottom {
	background: #f1f1f1;
	padding: 20px 25px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.course-video-bottom .btn {
	background: #4797ec;
	color: #fff;
	padding: 9px 18px;
	border-radius: 36px;
	margin-left: 10px;
}

.course-video-bottom .btn:hover {
	background: #3d83cd;
}

.course-video-bottom-left {
	width: 70%;
}

.course-video-bottom .course-detail-tit {
	color: #333333;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 1;
	/** 显示的行数 **/
	overflow: hidden;
	/** 隐藏超出的内容 **/
	height: auto;
	line-height: 45px;

}

.course-detail-from {
	color: #777777;
	font-size: 16px;
	margin-top: 10px;
	background: url(../images/icon-user.png) no-repeat left center;
	padding-left: 23px;
}

.course-detail-from span {
	color: #ec8015;
}

.course-detail {
	margin-top: 40px;
	background: url(../images/bg-pinglun-tit.jpg) repeat-x left top;
	border-top-left-radius: 28px;
	border-top-right-radius: 28px;
	padding-left: 3.4%;
	padding-right: 3.4%;
	padding-top: 15px;
}

.course-detail .tap-tit {
	line-height: 70px;
	color: #222222;
	font-size: 20px;
	border-bottom: #dcdcdc solid 1px;
}

.course-detail .tap-tit a {
	margin-right: 50px;
}

.course-detail .tap-tit a.on {
	color: #4797ec;
	position: relative;
}

.course-detail .tap-tit a.on::after {
	background: #4797ec;
	width: 42px;
	height: 5px;
	border-radius: 5px;
	content: "";
	position: absolute;
	top: 40px;
	left: 50%;
	margin-left: -21px;
}

.course-detail-content {
	padding-top: 50px;
}

.course-detail-content .content {
	line-height: 29px;
	font-size: 15px;
	color: #777;
}

.mulu-item-tit {
	background: #f3f5f6;
	line-height: 56px;
	color: #333333;
	font-size: 18px;
	border-radius: 4px;
}

.mulu-item-tit span {
	font-size: 20px;
	display: block;
	width: 70px;
	text-align: center;
	float: left;
}

.mulu-list {
	margin-bottom: 35px;
	margin-top: 10px;
}

.mulu-list-li {
	display: flex;
	flex-direction: row;
	padding-top: 20px;
}

.mulu-list-li .tb {
	width: 13px;
	height: 13px;
	margin: 3px 28px 0 28px;
}

.mulu-list-li-right {
	width: 91%;
	border-bottom: #e4e7e9 solid 1px;
	padding: 0 0 20px 0;
}

.mulu-list-li-tit {
	width: 100%;
	color: #666;
	font-size: 16px;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 1;
	/** 显示的行数 **/
	overflow: hidden;
	/** 隐藏超出的内容 **/
	height: auto;
}

.mulu-list-li-tit a {
	color: #666;
}

.mulu-list-li-tit a:hover {
	color: #4797ec;
}

.mulu-list-li-right .shichang {
	color: #999999;
	font-size: 16px;
	display: block;
	width: 100%;
	padding-top: 10px;
}

.comment-list {
	margin-bottom: 40px;
}

.comment-list-li {
	border-bottom: #e4e7e9 dashed 1px;
	padding: 0 0 30px 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom: 30px;
}

.comment-list-li-left {
	width: 27.85%;
}

.comment-list-li-left .pic {
	width: 60px;
	height: 60px;
	border-radius: 100%;
	float: left;
}

.comment-list-li-left .nickname,
.comment-list-li-left .zhiwu {
	display: block;
	float: left;
	margin-left: 17px;
}

.comment-list-li-left .nickname {
	color: #333333;
	font-size: 18px;
	padding-top: 3px;
}

.comment-list-li-left .zhiwu {
	color: #888888;
	font-size: 16px;
	padding-top: 10px;
}

.comment-list-li-right {
	width: 70.73%;
	padding-top: 3px;

}

.comment-form-tit {
	background: url(../images/icon-pinglun.png) no-repeat left center;
	font-size: 20px;
	color: #333;
	padding-left: 30px;
	margin: 20px auto;
}

.comment-text {
	border-radius: 4px;
	background: #f1f1f1;
	padding: 20px 30px;
	border: #f1f1f1 solid 1px;
	outline: none;
	width: 100%;
	resize: vertical;
}

.comment-btn {
	width: 34%;
	background: #4797ec;
	font-size: 20px;
	color: #fff;
	border-radius: 5px;
	border: none;
	text-align: center;
	line-height: 60px;
	margin: 0 auto;
	margin-top: 30px;
	cursor: pointer;
}

.comment-btn:hover {
	background: #3e87d4;
}

/********************************************学习资源  共学书目 详情页******************************************/
.shumu-detail {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.shumu-detail .pic {
	border: #ebebeb solid 1px;
	width: 31%;
}

.shumu-detail-right {
	width: 64.77%;
}

.shumu-detail-tit {
	color: #333333;
	background: url(../images/icon-shumu-de.jpg) no-repeat left center;
	padding-left: 43px;
	font-size: 32px;
	line-height: 70px;
}

.shumu-detail-right .views {
	color: #777777;
	padding-left: 28px;
	background: url(../images/view.png) no-repeat left center;
	line-height: 40px;
}

.shumu-detail-right .views span {
	font-size: 16px;
	padding-left: 20px;
}

.login-down {
	width: 49%;
	background: #ec8015 url(../images/icon-down-on.png) no-repeat 36% center;
	font-size: 18px;
	color: #fff;
	border: none;
	text-align: center;
	line-height: 75px;
	margin: 0 auto;
	margin-top: 70px;
	cursor: pointer;
}

.login-down:hover {
	opacity: .8;
}

/********************************************学习资源  知识社区  详情页*************************************/
.shequ-detail {
	width: 100%;
	padding-bottom: 10px;
}

.shequ-detail-content {
	padding: 35px 0;
	border-bottom: none;
	/* min-height: 500px; */
}

.login-look {
	display: block;
	width: 49%;
	background: #ec8015 url(../images/icon-more-de.png) no-repeat 35% center;
	font-size: 18px;
	color: #fff !important;
	border: none;
	text-align: center;
	line-height: 75px;
	margin: 0 auto;
	margin-top: 70px;
	cursor: pointer;
}

.login-look:hover {
	opacity: .8;
}

/********************************************学习资源  知识社区******************************************/
.shequ-class a {
	line-height: 36px;
}

.shequ-class::after {
	display: none;
}

.shequ-rec .item {
	padding: 17px 0;
}

.points-right .rec-list .item .shequ-rec-tit {
	line-height: 42px;
	width: 100%;
	-webkit-line-clamp: 1;
	margin-top: 0;
	padding: 0;
}

.points-right .shequ-rec .item a {
	flex-direction: column;
}

.shequ-rec-info {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	line-height: 29px;
}

.shequ-rec-info .user-name,
.sub-shequ .item .user-name {
	text-align: left;
	color: #555555;
}

.shequ-rec-info .user-name img,
.sub-shequ .item .user-name img {
	width: 30px;
	height: 30px;
	border-radius: 100%;
}

.shequ-rec-info .views,
.sub-shequ .item .views {
	text-align: right;
	background: url(../images/view.png) no-repeat left center;
	padding-left: 23px;
	color: #999999;
	font-family: arial;
}

.sub-shequ {
	padding-top: 40px;
}

.sub-shequ .item {
	padding: 11px 0 19px 0;
	border-top: #dcdbda solid 1px;
	border-bottom: none;
}

.sub-shequ .item span {
	color: #888888;
	font-family: arial;
}

.sub-shequ .item a {
	flex-direction: column;
}

.sub-shequ .item .tit {
	width: 100%;
	margin: 17px auto;
}

.sub-shequ .item .views {
	width: 100%;
	color: #999999;
	font-family: arial;
	text-align: left;
}

/* 滚动  */
@-webkit-keyframes rotate {
	from {
		-webkit-transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(360deg)
	}
}

@-moz-keyframes rotate {
	from {
		-moz-transform: rotate(0deg)
	}

	to {
		-moz-transform: rotate(360deg)
	}
}

@-o-keyframes rotate {
	from {
		-o-transform: rotate(0deg)
	}

	to {
		-o-transform: rotate(360deg)
	}
}

@keyframes rotate {
	from {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(360deg)
	}
}

/*************************************分页************************************************/
.page {
	padding: 20px 0px 30px 0px;
	text-align: center;
	clear: both;
	margin: 0px auto;
	font-size: 16px;
}

.page a,
.page span {
	border: #ededed solid 1px;
	padding: 10px 15px;
	margin: 3px;
	color: #333;
	text-decoration: none;
}

.page a:hover {
	border: #0373f9 solid 1px solid;
	color: #fff;
	background: #0373f9;
}

.page a:active {
	border: #0373f9 solid 1px solid;
	color: #fff;
}

.page span.current {
	border: #0373f9 solid 1px solid;
	padding: 10px 15px;
	margin: 3px;
	color: #fff;
	background: #0373f9;
}

.page span.disabled {
	border: #ededed 1px solid;
	padding: 10px 15px;
	margin: 3px;
	color: #ababab;
}

.page .preview-page {
	background: url(../images/icon-zsj.png) no-repeat 15px center;
	padding-left: 30px;
	background-size: 10px 10px;
}

.page .preview-page:hover {
	background: #0373f9 url(../images/icon-zsj-on.png) no-repeat 15px center;
	background-size: 10px 10px;
	color: #fff;
}

.page .next-page {
	background: url(../images/icon-ysj.png) no-repeat right 15px center;
	padding-right: 30px;
	background-size: 10px 10px;
}

.page .next-page:hover {
	background: #0373f9 url(../images/icon-ysj-on.png) no-repeat right 15px center;
	background-size: 10px 10px;
}

.pageAfter {
	margin-top: 30px;
}

/********************************************个人中心  登录******************************************/
.sub-banner-login {
	height: auto;
}

.sub-banner-login .banner {
	margin-top: 4px;
}

.user-login-form {
	width: 54.85%;
	margin: 50px auto 80px auto;
	background: url(../images/login-form-bg.png) repeat-x left top;
	min-height: 533px;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
}

.user-login-form .form {
	width: 52%;
	margin: 0 auto;
	padding-bottom: 40px;
}

.logon-tit {
	color: #222222;
	font-size: 42px;
	padding: 58px 0 45px 0;
	text-align: center;
}

.form-group {
	height: 53px;
	padding: 0 0 0 20px;
	margin-bottom: 16px;
	border-radius: 5px;
	position:relative;
	border: #e5e5e5 1px solid;
	box-shadow: 0 0px 3px 3px rgba(229, 229, 229, .25)
}

.form-group .input {
	width: 86%;
	line-height: 53px;
	outline: none;
	display: inline-block;
	border: none;
	background: none;
	color: #555555;
	font-size: 16px;
	padding-left: 0;
}

.form-group i {
	color: #555555;
	color: #e5e4e4;
	font-size: 20px;
	margin-right: 15px;
}

.username i {
	position: relative;
	top: 2px;
}

.mima i {
	font-size: 20px;
	position: relative;
	top: 4px;
}
.mima i.eye{
	position: absolute;
	top: 6px;
	right:2px;
}
.mima i.eye img{
	cursor: pointer;
}
.mima a{
	position: absolute;
	top: 14px;
	right:-70px;
}

.login-btn-box {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-bottom: 30px;
}

.login-btn-box div,
.login-btn-box a {
	display: block;
	width: 49%;
	line-height: 56px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
	opacity: 1;
}

.login-btn-box div {
	background: #3175af;
}

.login-btn-box a {
	background: #555555;
}

.login-btn-box div:hover {
	background: #1a5588;
	color: #fff;
}

.user-login-form .remind-txt {
	width: 87.65%;
	margin: 0 auto;
	color: #888888;
	line-height: 28px;
}

.user-login-form .remind-txt span {
	color: #4796f0;
	font-family: arial;
	font-weight: bold;
}

.code_a {
	color: #0000ff;
	font-size: 12px;
	text-decoration: none;
	cursor: pointer;
}

#cvs {
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 13px;
	background: #faf6ff;
}

/********************************************个人中心  注册******************************************/
.register-bg {
	background: #f4f6f7;
	height: auto;
	position: relative;
	border-top: #3175af solid 4px;
}

.user-register-form {
	background: #fff;
	border-radius: 5px;
	width: 57.6%;
	padding-bottom: 30px;
}

.user-register-form .form {
	width: 66.87%;
}

.register-txt {
	text-align: right;
	color: #888888;
	margin-bottom: 15px;
}

.register-txt span {
	color: #e30505;
}

.user-register-form .logon-tit {
	padding-bottom: 20px;
}

.user-register-form .form-group {
	margin-bottom: 7px;
	box-shadow: none;
}

.user-register-form .form-group .input {
	width: 98%;
}

.user-register-form .organizationCode .input {
	width: 75%;
}

.organizationCode .btn-upload {
	background: linear-gradient(#f3f3f3, #e6e6e6);
	width: 90px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #333333;
	border-radius: 3px;
	float: right;
	margin: 10px 10px 0 0;
	cursor: pointer;
}

.register-btn-box {
	margin-top: 26px;
}

.register-btn-box .btn-default {
	width: 100%;
	background: #ec8219;
}

.register-btn-box .btn-default:hover {
	background: #ab621a;
}

.to-login {
	color: #555555;
	text-align: center;
}

.to-login a {
	color: #4392e5;
}

.to-login a:hover {
	color: #2d85e2;
}

/********************************************个人中心  注册成功******************************************/
.register-success-bg {
	background: #fff;
}

.register-success {
	text-align: center;
	padding: 120px 0 160px 0;
}

.register-success .success {
	color: #222222;
	font-size: 36px;
	padding: 40px 0 40px 0;
}

.register-success .success-info {
	height: 135px;
	color: #666666;
	font-size: 18px;
}

.register-success a {
	padding: 15px 47px;
	color: #fff;
	background: #4797ec;
	border-radius: 5px;
	font-size: 16px;
}

.register-success a:hover {
	background: #2f77c3;
}

/********************************************个人中心  会员中心******************************************/
.usercenter-body {
	background: #f4f6f7;
}

.usercenter-head,
.usercenter-head.fixedbg {
	border-bottom: #3175af solid 4px;
}

.usercenter-head .container {
	max-width: 1380px;
}

.uercenter-top-tit {
	border-left: #c3c2c2 solid 1px;
	font-size: 26px;
	color: #333333;
	font-weight: bold;
	padding-left: 20px;
	margin: 25px 0 0 25px;
	float: left;
}

.uercenter-top-info {
	float: right;
	color: #666666;
	margin: 25px 0 0 0;
}

.uercenter-top-info img {
	width: 20px;
	height: 20px;
	border-radius: 100%;
	margin: 0 10px;
}

.logout {
	background: #ef8210;
	color: #fff !important;
	border-radius: 3px;
	padding: 10px 20px;
	margin-left: 20px;
}

.logout i {
	margin-right: 10px;
	font-size: 15px;
}

.logout:hover {
	background: #ec9235;
}

.uercenter-box {
	background: #fff;
	margin: 66px auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.uercenter-left {
	width: 15.94%;
	float: left;
	padding: 54px 0;
}

.uercenter-left a {
	font-size: 16px;
	display: flex;
	padding: 14px 22px;
	color: #333333;
	justify-content: space-between;
	margin-bottom: 10px;
}

.uercenter-left a span i {
	color: #6b6b6b;
	margin-right: 11px;
	font-size: 18px;
}

.uercenter-left a span i.icon-yunshangchuan_o {
	font-size: 22px;
}

.uercenter-left a .icon-jiantou {
	color: #9b9b9b;
	font-size: 15px;
}

.uercenter-left a.on,
.uercenter-left a:hover {
	background: #4797eb;
	color: #fff;
}

.uercenter-left a.on i,
.uercenter-left a:hover i {
	color: #fff !important;
}

.uercenter-right {
	min-height: 349px;
	border-left: #f4f6f7 solid 20px;
	width: 84.06%;
}

.uercenter-right .content-box {
	width: 90.6%;
	margin: 0 auto;
}

.uercenter-right .top {
	height: 56px;
	border-bottom: #edeeee solid 1px;
	color: #333333;
	font-size: 16px;
}

.uercenter-right .top .link {
	margin-right: 55px;
	float: left;
	padding: 18px 0 14px 0;
	border-bottom: transparent solid 2px;
	color: #333333;
}

.uercenter-right .top a.on,
.uercenter-right .top .link:hover {
	color: #4797eb;
	border-bottom: #4797eb solid 2px;
}

.uercenter-right .top a.singon {
	color: #333333;
	border-bottom: #4797eb solid 2px;
}

.uercenter-right .top a.upload {
	background: #4797eb;
	color: #fff;
	float: right;
	padding: 7px 20px;
	border-radius: 3px;
	float: right;
	margin-top: 11px;
}

.uercenter-right .top a.upload:hover {
	background: #61a7f1;
}

.uercenter-right .top a.upload i {
	font-size: 15px;
	margin-right: 8px;
}

.uercenter-right .pictxt-list {
	padding: 20px 0;
}

.uercenter-right .pictxt-list .item {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	border-bottom: #e5e5e5 dashed 1px;
	padding: 15px 0 17px 0;
}

.uercenter-right .pictxt-list .item .pic,
.uercenter-right .pictxt-list .item .pic img {
	width: 107px;
	height: 67px;
}

.uercenter-right .pictxt-list .item .pic img {
	border: #f2f2f2 solid 1px;
}

.uercenter-right .pictxt-list .item .txt-info {
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: calc(100% - 316px);
}

.uercenter-right .pictxt-list .item .txt-info p {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 1;
	/** 显示的行数 **/
	overflow: hidden;
	/** 隐藏超出的内容 **/
	height: auto;
	color: #333333;
	font-size: 16px;
}

.uercenter-right .pictxt-list .item .txt-info p a {
	color: #333333;
}

.uercenter-right .pictxt-list .item .txt-info p a:hover {
	color: #4797eb;
}

.uercenter-right .pictxt-list .item .txt-info span {
	color: #888888;
	font-size: 14px;
	font-family: arial;
}

.uercenter-right .pictxt-list .item .btns {
	font-size: 14px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 163px;
}

.uercenter-right .pictxt-list .item .btns span,
.uercenter-right .pictxt-list .item .btns a {
	display: block;
	width: 77px;
	height: 32px;
	text-align: center;
	line-height: 32px;
}

.uercenter-right .pictxt-list .item .btns a.del {
	border: #c3c3c3 solid 1px;
	color: #333333;
}

.uercenter-right .pictxt-list .item .btns a.del:hover {
	border: #4797eb solid 1px;
	color: #fff;
	background: #4797eb;
}

.uercenter-right .pictxt-list .item .btns span.state {
	border-radius: 3px;
	color: #fff;
}

.uercenter-right .pictxt-list .item .btns span.daishenhe {
	background: #c9c9c9;
}

.uercenter-right .pictxt-list .item .btns span.nopass {
	background: #ef8210;
}

.uercenter-right .pictxt-list .item .btns span.pass {
	background: #42b983;
}

.usercenter-page {
	text-align: left;
	padding: 40px 0px 60px 0px;
}

.uercenter-right .jikan .item .pic {
	width: 16px;
}

.uercenter-right .jikan .item .pic img {
	border: none;
	width: auto;
	height: auto;
	margin-top: 8px;
}

.uercenter-right .jikan .item {
	padding: 5px 0 5px 0
}

.uercenter-right .jikan .item .txt-info {
	width: calc(100% - 184px);
}

.uercenter-right .userinfo {
	padding: 80px 0 150px 0;
	font-size: 16px;
	overflow: hidden;
}

.touxiang {
	width: 100px;
	float: left;
	margin: 15px 0 0 35px;
	color: #333333;
	text-align: center;
}

.touxiang img {
	width: 100px;
	height: 100px;
	border-radius: 100%;
	cursor: pointer;
}

.touxiang p {
	line-height: 60px;
}

.uercenter-right .userinfo .user-info {
	margin: 0 9% 10px 0;
	float: right;
	width: 64%;
}

.uercenter-right .userinfo .user-info .li {
	border-bottom: #dedddd solid 1px;
	padding: 20px 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between
}

.uercenter-right .userinfo .user-info .li span:nth-child(2) {
	color: #999999;
}

.uercenter-right .user-notice {
	min-height: 600px;
	color: #777777;
	padding: 40px 0;
	line-height: 26px;
}

.uercenter-right .add-course {
	padding: 65px 0;
}

.uercenter-right .add-course .layui-form {
	width: 90%;
}

.uercenter-right .add-course .layui-form-label {
	width: 190px;
	text-align: right;
	font-size: 16px;
	color: #333;
	padding-right: 56px;
	line-height: 30px;
}

.uercenter-right .layui-input,
.uercenter-right .layui-select,
.uercenter-right .layui-textarea {
	border: #e5e5e5 solid 1px;
	color: #7c7a7a;
	height: 49px;
	line-height: 49px;
}

.uercenter-right .layui-input-block,
.uercenter-right .add-course .mulu {
	margin-left: 190px;
}

.uercenter-right .fengmian {
	width: 71px;
	height: 71px;
	cursor: pointer;
}

.input-file-wrap {
	padding: 9px 10px;
	border: #e5e5e5 solid 1px;
	overflow: hidden;
	line-height: 32px;
}

.input-file-wrap input {
	border: none;
	float: left;
	color: #7c7a7a;
	padding-left: 15px;
	width:400px;
}

.input-file-wrap .btn-upload {
	background: linear-gradient(#f3f3f3, #e6e6e6);
	width: 90px;
	height: 32px;
	text-align: center;
	color: #333333;
	border-radius: 3px;
	cursor: pointer;
	display: block;
	float: left;
}

.add-zhangjie {
	background: #4797ec;
	color: #fff;
	text-align: center;
	margin-top: 18px;
	display: block;
	width: 103px;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
}

.uercenter-right .add-course .layui-btn {
	background: #ec8015;
	width: 232px;
	height: 52px;
	font-size: 18px;
	border-radius: 5px;
	margin-top: 30px;
}

.uercenter-right .add-course .mulu {
	padding-top: 15px;
}

.ke-statusbar {
	display: none;
}

.ke-container {
	border: #e5e5e5 solid 1px;
}

.add-zhangjie-tanchuang .layui-form {
	width: 89.8%;
	margin: 0 auto;
	padding-top: 25px;
	font-size: 15px;
}

.add-zhangjie-tanchuang .layui-form-label {
	width: 60px;
	text-align: right;
	font-size: 15px;
	color: #555;
	padding-left: 0px;
	padding-right: 0px;
}

.add-zhangjie-tanchuang .layui-input-block {
	margin-left: 77px;
}

.add-zhangjie-tanchuang .layui-form-item {
	margin-bottom: 10px;
}

.add-zhangjie-tanchuang .layui-btn {
	background: #4797ec;
	padding: 0 34px;
	font-size: 15px;
}

.add-zhangjie-tanchuang .add-zimulu-item {
	margin-bottom: 0;
}

.add-zimulu {
	color: #4797ec;
}

.layui-layer-title {
	color: #333;
	font-size: 16px;
}

.layui-form-select dl dd.layui-this {
	background: #4797eb;
}

.file-tishi {
	color: #888888;
}

.content-box .register-success {
	padding-bottom: 0;
	padding-top: 60px;
}

.content-box .register-success .success {
	font-size: 24px;
}

.content-box .register-success .success-info {
	font-size: 16px;
	color: #888;
}

.mb0 {
	margin-bottom: 0 !important;
}

/**************************************************Webkit,Opera9.5+,Ie9+******************************************/
::selection {
	background: #4797ec;
	color: #fff;
}

/*Mozilla Firefox*/
::-moz-selection {
	background: #4797ec;
	color: #fff;
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
	width: 4px;
	height: 16px;
	background-color: #fff;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
	/*border-radius: 10px;*/
	background-color: #f2f2f2;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
	cursor: pointer;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: rgba(71, 151, 236, 1);
	border-radius: 0;
}

::-webkit-scrollbar-thumb:hover {
	background-color: rgba(71, 151, 236, 1);
}

::-webkit-scrollbar-thumb:active {
	background-color: rgba(71, 151, 236, 1);
}

/*定义两端上下按钮*/
/*::-webkit-scrollbar-button {
	height: 10px;
	width: 10px;
	background: #ff6a07;
}*/
.sroll_top {
	right: 0.8%;
	bottom: 6%;
	position: fixed;
	display: none;
	cursor: pointer;
	z-index: 1000;
}


/* css效果 */
@-webkit-keyframes colorSlide {
	0% {
		height: 0;
	}

	90% {
		height: 40px;
	}
}

@keyframes colorSlide {
	0% {
		height: 0;
	}

	90% {
		height: 40px;
	}
}

@-webkit-keyframes trackBallSlide {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(-8px);
		transform: scale(1) translateY(-8px);
	}

	34% {
		opacity: 1;
		-webkit-transform: scale(0.9) translateY(4px);
		transform: scale(0.9) translateY(4px);
	}

	68% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(16px);
		transform: scale(0.4) translateY(16px);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(-8px);
		transform: scale(0.4) translateY(-8px);
	}
}

@keyframes trackBallSlide {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(-8px);
		transform: scale(1) translateY(-8px);
	}

	34% {
		opacity: 1;
		-webkit-transform: scale(0.9) translateY(4px);
		transform: scale(0.9) translateY(4px);
	}

	68% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(16px);
		transform: scale(0.4) translateY(16px);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(-8px);
		transform: scale(0.4) translateY(-8px);
	}
}

@-webkit-keyframes nudgeMouse {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	50% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

}

@keyframes nudgeMouse {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	50% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

.isShow,
.showmobile {
	display: none;
}