@charset "utf-8";
/* CSS Document */
.top {
	margin: 0 auto;
	padding:20px 0;
}
header {
	height: 95px;
	width: 100%;
	z-index: 999;
	box-shadow: none;
	background: rgba(70,70,70,0)
}
.topactive {
	background-color: #111111;
	transition: background 1s;
	-moz-transition: background 1s;
	-webkit-transition: background 1s;
	-o-transition: background 1s;
	border-bottom: 1px solid #565558;
}
.gp {
	color: #cda764;
	padding: 5px 20px;
	text-align: right;
}

/* Banner */
/* 广告 */
.banner{
	background-image: url(../Img/SubBanner16.jpg);
	background-repeat: no-repeat;
	height: 200px;
	background-size: cover;
	color:#fff;
	padding-top:150px;
}
.b_title{width:300px;text-align: center;font-size:40px;margin:0 auto;}

.b_title_en{font-size:25px;text-align: center;padding-top:20px;}
/* 广告 */
/* 导航 */
.pcmenu a {
	color: #000
}

@media screen and (min-width:900px) {
.index-nav-frame-line-li {
	border-bottom: 1px solid #4A494C;/*background-color: rgba(0,0,0,0.6);*/
}
}
+ .index-nav {
 height: 50px;
 box-sizing: border-box;
}
.index-nav-frame {
	width: 1200px;
	margin: 0 auto;
}
.index-nav-frame-line {
	color: #000;
	float: left;
	position: relative;
	display: block;
	outline: none;
	cursor: pointer;
	width: 100px;
	line-height: 50px;
	text-align: center;
	font-weight: 700;
}
.index-nav-frame-line.active {
	color: #000;
}.index-nav-frame-line-center a{color:#fff}
.index-nav-frame-line-center {
	opacity: 0;
	height: 0;
	position: absolute;
	overflow: hidden;
	width: 100%;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;/* Firefox 4 */
	-o-transition: all 0.5s; /* Opera */
}
.index-nav-frame-line-li {
	width: 100%;
	font-weight: 500;
	text-align: center;
	background: #000;/*background-color: rgba(0,0,0,0.6);*/
}
.index-nav-frame-line-li:hover {
	background: #49c7ed;
	color: white;
}
.index-nav-frame-line-li a{display: block;}
.index-nav-frame-line-li:hover a {
	color: white;
}
.index-nav-frame-line-focus:focus {
	display: none;
}
.index-nav-frame-line:hover .index-nav-frame-line-center {
	height: auto;
	opacity: 1;
}
.nav-line {
	height: 50px;
	width: 100%;
	position: relative;
	display: none;
	outline: none;
}
.nav-small {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
	display: none;
	outline: none;
}
.nav-small img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.nav-small-focus {
	position: absolute;
	width: 100%;
	height: 100%;
	display: none;
}
.nav-small-focus:focus {
	display: none;
}
/*@media only screen and (max-width:900px) {
.index-nav-frame {
	margin-top: 35px;
}
.index-nav-frame-line-li a {
	display: block;
	color: white;
}
.nav-line {
	display: block;
}
.nav-small {
	display: block;
}
.nav-small:focus~.index-nav-frame-line {
	height: auto;
	border-bottom: 1px solid #ccc;
	background: #000;background-color: rgba(0,0,0,0.9);
}
.nav-small:focus .nav-small-focus {
}
.index-nav-frame {
	width: 100%;
}
.index-nav-frame-line {
	width: 100%;
	height: 0;
	overflow: hidden;
}
.index-nav-frame-line-center {
	position: relative;
	background: #000;
}
.index-nav-frame-line:hover .index-nav-frame-line-center {
	height: 0;
	opacity: 0;
}
.index-nav-frame-line-li {
	border-bottom: 1px solid #4b4a5e;
	color: #d9d9d9;
	background: #000;
}
.index-nav-frame-line-li:hover {
	background: #49c7ed;
}
.index-nav-frame-line:focus {
	height: auto;
	border-bottom: 1px solid #ccc;
}
.index-nav-frame-line:focus>.index-nav-frame-line-center {
	height: auto;
	opacity: 1;
}
.index-nav-frame-line:focus .index-nav-frame-line-header {
	color: #49c7ed;
}
.index-nav-frame-line-focus {
	display: none;
	width: 100%;
	height: 50px;
	position: absolute;
	left: 0;
	top: 0;
}
.index-nav-frame-line:focus .index-nav-frame-line-focus {
	display: block;
}
}*/
/* 导航 */
.m_content,.nav_bg{
	margin: 0 auto;
	overflow: hidden;
	line-height: 45px;
}

@media screen and (min-width:1200px) {
.m_content,.nav_bg {
	width: 1200px;
}
}

@media screen and (max-width: 1199px) {
.m_content,.nav_bg {
	width: 1000px;
}
}
.m_content {
	padding: 60px 10px;
}
.nav a{color:#000;}
.nav{
	background-color: #F7F7F7;
}
.t_cn{float:left;font-size:30px;}
.t_en{float:left;margin-left:10px;padding-top:10px;font-size: 16px}
.t_en:before {
	content: '';
	display: block;
	width: 40px;
	border-top: 5px solid #4bc8e8;
}
.m_c_article{padding-top:40px;}
.news_menu ul li {
	text-align: right;
}
.news_menu ul li {
	display: block;
	float: right;
	line-height: 30px;
	padding: 0 5px;
}
.news_menu a {
	color: #000;
	display: block;
	width: 80px;
	line-height: 30px;
	height: 30px;
	text-align: center;
}
.news_menu a:hover {
	background-color: #3488EA;
	color: #fff;
}
.news_row {
	background-color: #fff;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
	margin: 40px auto;
}
.news_row:hover {
	-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	-webkit-transform: translate3d(0, -5px, 0);
	transform: translate3d(0, -5px, 0);
	z-index: 3
}
.news_row:hover .n_r_title,.news_row:hover .n_r_detail{
	webkit-box-shadow: 0 15px 30px rgba(0,0,0,0);
	box-shadow: 0 15px 30px rgba(0,0,0,0);
	-webkit-transform: translate3d(0, -5px, 0);
	transform: translate3d(0, -5px, 0);
	z-index: 3
}
.news_l {
	float: left;
	width: 243px;
	height: 123px;
	padding: 20px;
}

@media screen and (min-width:1200px) {
.news_r {
	width: 870px;
}
.n_r_title, .n_r_detail {
	float: left;
	width: 700px;
}
}

@media screen and (max-width: 1199px) {
.news_r {
	width: 670px;
}
.n_r_title, .n_r_detail {
	float: left;
	width: 500px;
}
}
.news_r {
	float: left;
	height: 123px;
	padding: 20px;
}
.n_r_title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.n_r_title a {
	color: #000;
}
.n_r_detail a {
	color: #999999;
}
.n_r_detail {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.n_r_date {
	float: right;
	width: 100px;
	text-align: right;
	color:#555555;
}
.n_r_more{text-align:right;}
.n_r_more a{
	display: block;
	float:right;
	width: 80px;
	text-align: center;
	color: #9f9f9f;
	border: 1px solid #9F9F9F;
	height:28px;
	line-height: 28px;
	webkit-box-shadow: 0 15px 30px rgba(0,0,0,0);
	box-shadow: 0 15px 30px rgba(0,0,0,0);
	-webkit-transform: translate3d(0, -5px, 0);
	transform: translate3d(0, -5px, 0);
	z-index: 3
}