.banner{
	background-color: #a21010;
	background-image: url(/uploads/image/bjimages_en/report_market_banner.jpg);
}
.about-news .banner{
	background-image: url(/uploads/image/bjimages_en/about_news_banner.jpg);
}
.sec1{
	padding: 1.875em 0 7.75em;
}
.sec1 ul{
	margin-bottom: 5em;
}
.sec1 li{
	padding: 3.125em 0;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.sec1 li a{
	-webkit-display: flex;
	-webkit-align-items: stretch;
	-webkit-justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-webkit-flex-direction: row-reverse;
	-moz-display: flex;
	-moz-align-items: stretch;
	-moz-justify-content: space-between;
	-moz-flex-wrap: wrap;
	-moz-flex-direction: row-reverse;
	-o-display: flex;
	-o-align-items: stretch;
	-o-justify-content: space-between;
	-o-flex-wrap: wrap;
	-o-flex-direction: row-reverse;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
	flex-direction: row-reverse;
}
.sec1 a .img-box{
	width: 34.286%;
	overflow: hidden;
}
.sec1 a .img-box img{
	width: 100%;
	-webkit-transition: transform 0.5s;
	-moz-transition: transform 0.5s;
	-o-transition: transform 0.5s;
	transition: transform 0.5s;
}
.sec1 a:hover .img-box img{
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
.sec1 a .text-box{
	width: 59.286%;
	position: relative;
}
.sec1 a .text-box .time{
	font-size: 14px;
	color: #000;
	margin-bottom: 0.8em;
}
.sec1 a .text-box h3{
	font-size: 24px;
	color: #000;
	font-weight: bold;
	line-height: 32px;
	max-height: 64px;
	-webkit-transition: color 0.5s;
	-moz-transition: color 0.5s;
	-o-transition: color 0.5s;
	transition: color 0.5s;
}
.sec1 a:hover .text-box h3{
	color: #e83434;
}
.sec1 a .text-box .line{
	width: 100%;
	height: 1px;
	background-repeat: repeat-x;
	background-image: url(/uploads/image/bjimages_en/report_market_line_bg.png);
	background-position: left center;
	margin: 0.6em 0;
}
.sec1 a .text-box p{
	font-size: 14px;
	color: #999;
	line-height: 22px;
	max-height: 44px;
}
.sec1 a .text-box .btn{
	font-size: 14px;
	color: #999999;
	border: 1px solid #999;
	border-radius: 0.2em;
	padding: 0.786em 1.57em;
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-transition: color 0.5s,border-color 0.5s,background-color 0.5s;
	-moz-transition: color 0.5s,border-color 0.5s,background-color 0.5s;
	-o-transition: color 0.5s,border-color 0.5s,background-color 0.5s;
	transition: color 0.5s,border-color 0.5s,background-color 0.5s;
}
.sec1 a:hover .text-box .btn{
	border-color: #e83434;
	background-color: #e83434;
	color: #fff;
}
.sec1 .loading{
	text-align: center;
}
.sec1 .loading p{
	font-size: 16px;
	color: #999999;
	margin-bottom: 0.5em;
	text-align: center;
}
.sec1 .loading1 p{
	font-size: 16px;
	color: #999999;
	text-align: center;
}
/* page */
#main .page.inner{ padding-bottom:24px;}
.page h2{ padding-top:100px; color:#222; font-size:36px; line-height:1.2; font-weight:normal;}
.page_time{color:#222; font-size:14px; line-height:1; padding-top:32px;}
.page_content{ margin-top:32px; width:100%; background-color:#f5f5f5; padding:50px 5%;}
.page_content p{ color:#444; font-size:16px; line-height:1.75;}
.page_content img{ max-width:100% !important; height:auto !important;}
.page_btn{ border-top:#c4c4c4 solid 1px; margin-top:40px; padding-top:40px;}
.page_btn .page_left{ float:left;}
.page_btn .page_left a{ display:inline-block;color:#bbb; font-size:16px; line-height:46px;transition: .3s linear; -moz-transition:.3s linear; -webkit-transition:.3s linear;}
.page_btn .page_left a.first{ background-image:; background-size:1px 18px; background-repeat:no-repeat; background-position:right center; padding-right:29px;}
.page_btn .page_left a.last{ padding-left:28px;}
.page_btn .page_left a span{ width:18px; height:16px; display:inline-block; background-repeat:no-repeat; background-position:left center;}
.page_btn .page_left a.first span{ background-image:url(/uploads/image/bjimages_en/page_prev_gray.png);margin-right:20px; }
.page_btn .page_left a.last span{background-image:url(/uploads/image/bjimages_en/page_next_gray.png);background-position:right center;margin-left:20px;}
.page_btn .page_back{ float:right;}
.page_btn .page_back a{ display:block; width:114px; height:46px; line-height:46px; text-align:center; background-color:#004772; color:#fff; font-size:16px; border-radius:4px;transition: .3s linear; -moz-transition:.3s linear; -webkit-transition:.3s linear;}
.page_btn .page_back a img{ width:15px; margin-left:8px; vertical-align:middle;}
.page_btn .page_left a:hover{ color:#e83434;}
.page_btn .page_left a.first:hover span{ background-image:url(/uploads/image/bjimages_en/page_prev_red.png);}
.page_btn .page_left a.last:hover span{background-image:url(/uploads/image/bjimages_en/page_next_red.png);}
.page_btn .page_back a:hover{background-color:#e83434;}

.news_hot{ padding-top:50px;}
.news_hot h3{ color:#222; font-size:26px; line-height:1.1; font-weight:normal; padding-bottom:25px;}
.news_hot ul{display: -webkit-flex; /* safari */display: flex;flex-direction: row;flex-wrap:wrap;align-items:stretch;justify-content: space-between;}
.news_hot li{ width:450px; max-width:32%; margin-bottom:26px;}
.news_hot li a{ display:block; width:100%; border:#fff solid 1px;padding:20px 30px 18px 20px; background-color:#f9f9f9;transition: .3s linear; -moz-transition:.3s linear; -webkit-transition:.3s linear;}
.news_hot li a h4{  color:#222; font-size:18px; line-height:1.6; font-weight:normal;transition: .3s linear; -moz-transition:.3s linear; -webkit-transition:.3s linear; height:57.6px;}
.news_hot li a span{ margin-top:8px; float:right;text-align:right; color:#a3a3a3; font-size:14px; line-height:16px; background-image:; background-repeat:no-repeat; padding-left:26px;transition: .3s linear; -moz-transition:.3s linear; -webkit-transition:.3s linear;}
.news_hot li a:hover{ border:#e83434 solid 1px; background-color:#fcfcfc;}
.news_hot li a:hover h4{ color:#e83434;}
.news_hot li a:hover span{ color:#222; background-image:;}
@media only screen and (max-width:1400px){
	.sec1 a .text-box .time{
		font-size: 12px;
	}
	.sec1 a .text-box h3{
		font-size: 20px;
		line-height: 26px;
		max-height: 52px;
	}
	.sec1 a .text-box p{
		font-size: 12px;
		line-height: 18px;
		max-height: 36px;
	}
	.sec1 a .text-box .btn{
		font-size: 12px;
	}
	.sec1 .loading p{
		font-size: 14px;
	}
	.sec1 .loading1 p{
		font-size: 14px;
	}
}
@media only screen and (max-width:1200px){
	.sec1 a .text-box h3{
		font-size: 16px;
		line-height: 22px;
		max-height: 44px;
	}
}
@media only screen and (max-width:1024px){
	.banner.market_kv{ background-position:60% center;}
	.about-news .banner{ background-position:75% center;}

	.sec1{
		padding: 0.9375rem 0 3.875rem;
	}
	.sec1 ul{
		margin-bottom: 2.5rem;
	}
	.sec1 li{
		padding: 1.5625rem 0;
	}
	.sec1 li a{
		-webkit-display: block;
		-moz-display: block;
		-o-display: block;
		display: block;
	}
	.sec1 a .img-box{
		width: 100%;
	}
	.sec1 a .text-box{
		width: 100%;
	}
	.sec1 a .text-box .time{
		font-size: 0.6875rem; margin-bottom:0.5rem; margin-top:1rem;
	}
	.sec1 a .text-box h3{
		font-size: 0.75rem; max-height:none; line-height:1.3;
	}
	.sec1 a .text-box .line{
		margin: 0.5rem 0;
	}
	.sec1 a .text-box p{
		font-size: 0.6875rem; max-height:none; line-height:1.5;
	}
	.sec1 a .text-box .btn{
		font-size: 0.6875rem;
		position: static;
		margin-top: 1rem;
	}
	.sec1 .loading p{
		font-size: 0.6875rem;
	}
	.sec1 .loading img{
		width: 1.25rem;
	}
	.sec1 .loading1 p{
		font-size: 0.6875rem;
	}
	/* page */
	.page_btn .page_left a:hover{ color:#bbb;}
	.page_btn .page_left a.first:hover span{ background-image:url(/uploads/image/bjimages_en/page_prev_gray.png);}
	.page_btn .page_left a.last:hover span{background-image:url(/uploads/image/bjimages_en/page_next_gray.png);}
	.page_btn .page_back a:hover{background-color:#004772;}
	
	.news_hot{ padding-top:25px;}
	.news_hot h3{font-size:24px;padding-bottom:12.5px;}
	.news_hot li{margin-bottom:13px;}
	.news_hot li a{ padding:10px 15px 9px 10px;}
	.news_hot li a h4{   font-size:16px;  height:51.2px;}
	.news_hot li a span{  margin-top:4px;font-size:12px; line-height:14px; background-size:auto 14px;padding-left:20px;}
	.news_hot li a:hover{ border:#fff solid 1px; background-color:#f9f9f9;}
	.news_hot li a:hover h4{ color:#222;}
	.news_hot li a:hover span{color:#a3a3a3;background-image:;}
}
@media only screen and (max-width:767px){
	/* page */
	.page.inner{ padding-bottom:30px;}
	.page h2{ padding-top:22.5px; font-size:1.125rem; line-height:1.3;}
	.page_time{font-size:0.5625rem;padding-top:15px;}
	.page_content{ margin-top:15px; padding:12px 5% 20px;}
	.page_content p{ font-size:0.6875rem; line-height:1.77; }
	.page_btn{ margin-top:18px; padding-top:12px;}
	.page_btn .page_left a{ font-size:0.6875rem; line-height:1.4375rem;}
	.page_btn .page_left a.first{ background-size:1px 0.6875rem;padding-right:21px;}
	.page_btn .page_left a.last{ padding-left:20px;}
	.page_btn .page_left a span{ width:12px; height:0.6875rem;background-size:12px auto;}
	.page_btn .page_left a.first span{margin-right:8px; }
	.page_btn .page_left a.last span{margin-left:8px;}
	.page_btn .page_back a{ width:3.5625rem; height:1.4375rem; line-height:1.4375rem;font-size:0.5625rem;}
	.page_btn .page_back a img{ width:10px; margin-left:6px;}
	

	.news_hot h3{font-size:0.8125rem;}
	.news_hot li{ width:49%; max-width:none; }
	.news_hot li a h4{ font-size:0.6875rem;  height:2.2rem;}
	.news_hot li a span{  font-size:0.5625rem; line-height:0.58rem;background-size:auto 0.58rem; padding-left:0.8rem;}
	
}