.banners-pc {
	clear: both;
	height: 545px;
}
.banners-pc .frame {
	height: 545px;
	background: no-repeat center center;
	background-size: cover;
}
.banners-mb {
	display: none;
	clear: both;
	height: 600px;
}
.banners-mb div {
	height: 100%;
}
.banners-mb .frame {
	height: 100%;
	background: no-repeat center center;
	background-size: cover;
}
 @media (max-width: 1024px) {
.banners-pc {
	display: none;
}
.banners-mb {
	display: block;
}
}
.tongdao {
	clear: both;
	margin: 40px 0;
	color: #878787;
}
.tongdao .c1 {
	float: left;
	width: 848px;
	height: 290px;
	padding: 20px 25px;
	border: 1px solid #EAEAEA;
}
.tongdao .c1 .pic {
	float: left;
	margin-right: 30px;
}
.tongdao .c1 .l1 {
	color: #3CA1CA;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 25px;
}
.tongdao .c1 .l2 {
	line-height: 1.9em;
}
.tongdao .c1 .more {
	display: inline-block;
	margin: 25px 0 0;
	background: #3AB97C;
	color: #fff;
	line-height: 35px;
	padding: 0 35px;
}
.tongdao .c2 {
	float: right;
	width: 332px;
	height: 290px;
	padding: 20px 25px;
	border: 1px solid #EAEAEA;
}
.tongdao .c2 .pic {
	margin-bottom: 15px;
}
.tongdao .c2 .l1 {
	color: #3CA1CA;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
}
.tongdao .c2 .l2 {
	line-height: 1.9em;
}
.tongdao .c2 .more:hover {
	color: #3AB97C;
}
 @media (max-width: 1024px) {
.tongdao .c1 {
	float: none;
	width: auto;
	height: auto;
	margin-bottom: 20px;
	overflow: hidden;
}
.tongdao .c2 {
	float: none;
	width: auto;
	height: auto;
	overflow: hidden;
}
.tongdao .c2 .pic {
	float: left;
	margin-right: 30px;
}
}
 @media (max-width: 800px) {
.tongdao .c1 {
	padding: 10px;
}
.tongdao .c2 {
	padding: 10px;
}
.tongdao .c1 .pic {
	width: 200px;
	margin-right: 20px;
}
.tongdao .c1 .pic img {
	max-width: 100%;
}
.tongdao .c2 .pic {
	width: 200px;
	margin-right: 20px;
}
.tongdao .c2 .pic img {
	max-width: 100%;
}
}
 @media (max-width: 400px) {
.tongdao .c1 .pic {
	float: none;
	width: auto;
	margin-right: 0;
	margin-bottom: 15px;
}
.tongdao .c1 .pic img {
	max-width: 100%;
}
.tongdao .c2 .pic {
	float: none;
	width: auto;
	margin-right: 0;
}
.tongdao .c2 .pic img {
	max-width: 100%;
}
}
.yanjiu {
	clear: both;
	margin: 40px 0;
}
.yanjiu .title {
	margin-bottom: 20px;
	overflow: hidden;
}
.yanjiu .title .h1 {
	float: left;
	font-size: 20px;
	color: #343434;
	font-weight: bold;
}
.yanjiu .title .h1 img {
	height: 28px;
	margin-right: 5px;
	vertical-align: text-bottom;
}
.yanjiu .title .more {
	float: right;
	color: #9E9E9E;
}
.yanjiu .offset {
	margin: 0 0 -30px -30px;
}
.yanjiu .offset .list {
	overflow: hidden;
}
.yanjiu .offset .list > li {
	float: left;
	width: 33.33%;
	margin-bottom: 30px;
	padding-left: 30px;
}
.yanjiu .offset .list > li .box {
	display: block;
	border-bottom: 4px solid #E7E7E7;
}
.yanjiu .offset .list > li .box:hover {
	border-bottom: 4px solid #3E87C4;
}
.yanjiu .offset .list > li .box .pic {
	text-align: center;
	font-size: 0;
	margin-bottom: 20px;
}
.yanjiu .offset .list > li .box .pic img {
	max-width: 100%;
}
.yanjiu .offset .list > li .box .l1 {
	color: #333333;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 20px;
	transition: ease .3s;
}
.yanjiu .offset .list > li .box:hover .l1 {
	color: #3E87C4;
}
.yanjiu .offset .list > li .box .l1 .arr {
	float: right;
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-weight: lighter;
	color: #C6C6C6;
	border: 1px solid #D9D9D9;
	border-radius: 15px;
	transition: ease .3s;
}
.yanjiu .offset .list > li .box:hover .l1 .arr {
	color: #438AC5;
	border: 1px solid #438AC5;
}
 @media (max-width: 650px) {
.yanjiu .offset .list > li {
	width: 100%;
}
}
 @media (max-width: 400px) {
.yanjiu .offset .list > li {
	float: none;
	width: auto;
}
}
.news {
	clear: both;
	margin: 40px 0;
}
.news .title {
	margin-bottom: 20px;
	overflow: hidden;
}
.news .title .h1 {
	float: left;
	font-size: 20px;
	color: #343434;
	font-weight: bold;
}
.news .title .h1 img {
	height: 28px;
	vertical-align: text-bottom;
}
.news .title .more {
	float: right;
	color: #9E9E9E;
}
.news .box {
	padding: 20px 25px;
	border: 1px solid #ECECEC;
	overflow: hidden;
}
.news .box .front {
	float: left;
	display: block;
	width: 440px;
	margin-right: 20px;
	overflow: hidden;
}
.news .box .front .pic {
	margin-bottom: 20px;
}
.news .box .front .pic img {
	max-width: 100%;
}
.news .box .front .l1 {
	color: #666666;
	font-size: 16px;
	margin-bottom: 15px;
}
.news .box .front .l1 em.time {
	float: right;
	margin: 3px 0 0;
	color: #CECECE;
	font-size: 13px;
}
.news .box .front .l2 {
	color: #808080;
	font-size: 13px;
}
.news .box .list {
	overflow: hidden;
}
.news .box .list > li {
	margin-bottom: 15px;
}
.news .box .list > li:last-child {
	margin-bottom: 0;
}
.news .box .list > li a {
	display: block;
	padding: 15px;
	background: #F7F5F5;
}
.news .box .list > li a:hover {
	background: #5091C8;
}
.news .box .list > li a .time {
	display: inline-block;
	float: left;
	width: 100px;
	font-family: Arial;
	border-right: 1px solid #CAC9C9;
	margin-right: 22px;
	text-align: center;
	color: #6C6C6C;
	transition: ease .3s;
}
.news .box .list > li a:hover .time {
	border-right: 1px solid #fff;
	color: #fff;
}
.news .box .list > li a .time b {
	display: block;
	font-size: 25px;
}
.news .box .list > li a .l1 {
	color: #666666;
	font-size: 16px;
	margin-bottom: 10px;
	transition: ease .3s;
}
.news .box .list > li a .l2 {
	color: #808080;
	font-size: 13px;
	overflow: hidden;
	transition: ease .3s;
}
.news .box .list > li a:hover .l1 {
	color: #fff;
}
.news .box .list > li a:hover .l2 {
	color: #fff;
}
 @media (max-width: 1024px) {
.news .box .front {
	width: 50%;
}
}
 @media (max-width: 800px) {
.news .box {
	padding: 10px;
}
.news .box .front {
	float: none;
	width: auto;
	margin-right: 0;
	margin-bottom: 40px;
}
.news .box .list > li a .time {
	width: 80px;
}
}
 @media (max-width: 500px) {
.news .box .list > li a .time {
	width: 60px;
	margin-right: 10px;
}
}