.news {
	background-size: 100%;
	background-attachment: fixed;
	padding-top: 190px;
	overflow: hidden;
}
.news .head{	
	width: 1500px;   
	margin: 0 auto;
	margin-bottom: 30px;
}
.news .head h1{
	display: inline-block;
	font-weight: 700;
	line-height: 55px;
}
.news .news_button{
	width:400px;
	float: right;
	margin: 0 auto;	
	position: relative;
}
.nav-pills>li.active>a, 
.nav-pills>li.active>a:focus, 
.nav-pills>li.active>a:hover,
.nav>li>a:focus, .nav>li>a:hover{
	background-color: rgba(255,255,255,0);
}
.nav-pills>li.active>a h3::before, 
.nav-pills>li.active>a:focus h3::before, 
.nav-pills>li.active>a:hover h3::before{
	width: 105%;
}
.news .news_button h3{
	color: #007ad0;
	transition: all 0.3s;
	position: relative;
	line-height: 50px;
	font-size: 22px;

}
.news .news_button li:hover h3 {
	color: #ffb828;
}
.news .news_button h3:before{
	position: absolute;
	content: "";
	left: -2px;
	width: 0px;
	height: 3px;
	bottom: 2px;
	background-color: #ffb828;
	transition: all 1s;
}
.news .news_button li:hover h3::before{
	width: 105%;
}
.news .tab-content{
	width: 1500px;
	margin: 0 auto;
}
.news .head_new{
	 height: 440px;
	 margin-bottom:80px;
}
.news .head_new li{
	width: 32%;
	display: inline-block;
	margin-right: 1.5%;	
	overflow: hidden;
}

.news .head_new li img{
	height: 300px;
	transition: all 1s;
}
.news li:hover img{
	transform: scale(1.05);
}
.news .head_new li .bottom_message{
	background-color: #fff;
	color: #656565;;
	padding: 20px;
	height: 140px;
	overflow: hidden;
	transition: all 0.6s;
	font-size: 16px;
	line-height: 24px;
}
.news .head_new li .bottom_message span{
	line-height: 26px;
	color: #656565;
}
.news .head_new li .bottom_message h3{
	line-height: 50px;
	font-size: 24px;
	font-weight: 800;
}
.news .vertical{
	display: inline-block;
	width: 32%;
	vertical-align: top;
	height: 100%;
}
.news .head_new  .vertical li{
	width: 100%;
	margin-right: 0;
	height: 48.4%;
}
.news .head_new  .vertical li:nth-child(1){
	margin-bottom: 2%;
}
.news .head_new  .vertical li .bottom_message{
	height: 100%;
}
.news .dow_new li {
	height: 230px;
	margin-bottom: 50px;
	overflow: hidden;
	vertical-align: top;
}
.news .dow_new li .leftImg{
	width: 25%;
	display: inline-block;
	height: 100%;
	overflow: hidden;
}
.news .dow_new li .leftImg img{
	height: 100%;
	transition: all 1s;
}
.news .dow_new li .right_message{
	width: 75%;
	margin-left: -4.5px;
	display: inline-block;
	padding: 30px 35px;
	background-color: #fff;
	height: 100%;
	vertical-align: top;
	transition: all 0.6s;
}
.news .dow_new li:hover .right_message,
.news .head_new li:hover .bottom_message,
.news .head_new li:hover .bottom_message{
	background-color: #ffb828;	
}

.news .dow_new li .right_message .left_text{
	display: inline-block;
	width: 80%;
	vertical-align: middle;
	color: #656565;
	font-size: 16px;
	height: 100%;
}
.news .dow_new li:hover .right_message h2,
.news .dow_new li:hover .right_message .left_text{
	color: #fff;
}
.news .dow_new li .right_message h2{
	line-height: 50px;
	margin-bottom: 10px;
	font-size: 24px;
	color: #333;
}
.news .dow_new li .right_message .time{
	display: inline-block;
	width: 20%;
	margin-left: -4.5px;
	text-align: center;
	vertical-align: middle;
}
.news .dow_new li .right_message .time span{
	font-size: 40px;
	font-weight: 700;
}
.news .dow_new li .right_message .time p{
	font-size: 16px;
}


/*新闻详情页面*/
.news_details{
	width: 1500px;
	margin: 0 auto;
	padding: 120px 0;
}
.news_details .box_c{
	margin-bottom: 20px;
	padding: 25px;
	border: 1px solid #f2f2f2;
}
.news_details .news_content{
	padding: 25px 40px;
	border: 1px solid #f2f2f2;
	width: 75.5%;
	display: inline-block;
	margin-right: 1.5%;
}

.news_details h2{
	font-weight: 700;
	font-size: 36px;
	line-height:60px;
	margin-bottom: 5px;
	color: #0278bd;
	text-align: center;
}
.news_details .news_details_top{
	line-height: 40px;
	font-size: 15px;
	color: #969696;
	font-weight:  500;
	vertical-align: middle;
	border-bottom:1px solid #ccc;
	margin-bottom: 15px;
	text-align: center;
}
.news_details .news_message{
	font-size: 16px;
	line-height: 28px;
}
.news_details .news_right{
	width: 23%;
	margin-left: -4.5px;
	display: inline-block;
	vertical-align: top;
}
.news_details .news_right .news_recommend h3{
	text-align: left;
	font-weight: 700;
	line-height: 55px;
}
.news_details .news_right .news_recommend li {
	padding: 10px 0;
	border-bottom: 1px solid #f1f1f1;
}
.news_details .news_right .news_recommend li:nth-last-child(1){
	border-bottom: 0;
}
.news_details .news_right .news_recommend li p{
	line-height: 30px;
	color: #555;
}
.news_details .news_right .news_recommend li span{
	color: #ccc;
}

.news_details .news_right .up_and_down h4{
	line-height: 40px;
}
.news_details .news_right .up_and_down h4 span{
	display: inline-block;
	width: 75%;
	height: 1px;
	background-color: #f1f1f1;
	vertical-align: middle;
	margin-left: 15px;
	text-align: right;
}
.news_details .news_right .up_and_down a span{
	color: #ccc;
	line-height: 25px;
}
.news_details .up_and_down span{
	display: inline-block;
	width: 48%;
}
.news_details .up_and_down p{
	line-height: 28px;
	font-size: 16px;
	color: #555;
}
@media(max-width: 1600px){
	.news .tab-content,.news .head{
		width: 87%;
	}
}
@media(max-width: 1400px){
	.news{padding-top: 170px;}
	.news_details{
		width: 1150px;
	}
	.news_details h2{
		font-size: 35px;
	}
}
@media(max-width: 1300px){
	.news .tab-content{display: block;margin-top: 32px;}
	.news .news_button{width: auto}
	.news .news_button li h3{
    	padding: 3px 0 2px 0;
	}
	.news .news_button ul{
		top: -115px;
	}
	.news .head h1{font-size: 34px;}
	.news .head_new li img{height: auto;}
	.news .head_new li .bottom_message h3,.news .dow_new li .right_message h2{line-height: 40px; font-size: 22px;font-weight: 700;}
	.news .head_new li .bottom_message{height: 110px;padding: 15px;font-size: 15px;line-height: 23px;}
	.news .head_new{height: 352px;margin-bottom: 60px;}
	.news .dow_new li .right_message .left_text{font-size: 15px;line-height: 23px;}

	.news .message .left_img{width: 260px;height: 165px;margin-right: 20px;	}
	.news .message .right_message{
		width: 815px;
	}
	.news_details h2{
		font-size: 34px;
	}
	.news_details{
		width: 1050px;
	}
}

@media(max-width: 1150px){
	.news .message{padding-bottom: 10px;}
	.news .news_button li h3{font-size: 21px;}
	.news .message .left_img{width: 250px;height: 160px;margin-right: 10px;}
	.news .message .right_message{width:720px;}
	.news .message .right_message h1{font-size: 21px;line-height: 30px;	margin-bottom: 2px;}
	.news .message .right_message .oarticle_desc{line-height: 29px;}
	.news_details h2{font-size: 33px;}
	.news_details{width: 950px;}
	.news .head h1{font-size: 32px;line-height: 50px;}
}
@media(max-width: 1000px){
	.news{padding-top: 135px;}
	.news .tab-content, .news .head{width: 90%;}
	.news .message .right_message{width: 580px;}
	.news .message .left_img{margin-right: 5px;}
	.news_details h2{font-size: 32px;}
	.news_details{width: 800px;}	
	.news .head_new{height: 300px;}
	.news .head_new li .bottom_message h3, .news .dow_new li .right_message h2{line-height: 30px;font-size: 20px; font-weight: 600;}
	.news .dow_new li{height: 185px;margin-bottom: 40px;}
	.news .dow_new li .right_message{padding: 22px 26px;}
}

@media(max-width: 900px){
	.news .news_button li h3{font-size: 19px;}
	.news .news_button ul{top: -75px;}
	.news .top_img{margin-bottom: 40px;}
	.news .message .right_message{width: 480px;}
	.news .message .left_img{width: 240px;height: 150px;}
	/*子页面*/
	.news_details{width: 700px;}
	.news_details h2{font-size: 30px;margin-bottom: 0px;line-height: 65px;}
	.news_details .news_details_top{line-height: 48px;font-size: 15px;}
	.news_details .news_message{font-size: 15px;}
}
@media(max-width: 800px){
	.news .tab-content, .news .head{width: 96%;}
	.news .news_button,.news .tab-content{margin: 0 auto;}
	.news .message{width: 312px;text-align: center;border: 1px solid #868686;padding: 10px;display: inline-block;overflow: hidden;height: 370px;box-shadow: 2px 2px 6px 0px #83c3ff;}
	.news .message .left_img{margin-bottom: 15px;margin-right: 0;}
	.news .message .right_message{width: 100%;}
	.news .message .right_message .oarticle_desc{width: 100%;}	
	.news .head_new li .bottom_message{height: 95px;}
	.news .head_new li .bottom_message h3, .news .dow_new li .right_message h2{line-height: 24px; font-size: 18px;}
	.news .head_new{height: 259px;margin-bottom: 45px;}
	.news .dow_new li{height: 155px;  margin-bottom: 25px;}
	.news .dow_new li .right_message .time span{font-size: 35px;}
	.news .head h1{font-size: 30px;line-height: 47px;}

	/*子页面*/
	.news_details{width: 93%;}
	.news_details h2{font-size: 8px;line-height: 65px;}
	.news_details .news_details_top{line-height: 45px;}
	.news_details .news_message{font-size: 15px;}
	.news_details .up_and_down{font-size: 15px;}
}
@media(max-width: 768px){
	.news{padding-top: 30px;}
	.news .dow_new li .right_message .left_text{font-size: 14px;line-height: 20px;}
	.news_details .news_content{width: 100%;}
	.news_details .news_right{display: none;}
	.news_details{padding: 0;}
}

@media(max-width: 600px){
	.news .tab-content, .news .head{width: 98%;}
	.news .message{width: 49.5%;margin-right: -4.5px;height: 315px;}
	.news .tab-content a:nth-child(2n) .message{margin-right: 0px;margin-left: 1%;}
	.news .message .right_message h1{font-size: 18px;line-height: 20px;margin-bottom: 4px;}
	.news .message .left_img{width: 100%;height: 160px;}
	.news .message .right_message .oarticle_desc{text-align: left;}
	.news .message .right_message .oarticle_desc strong,
	.news .message .right_message .oarticle_desc h4,
	.news .message .right_message .oarticle_desc h3,
	.news .message .right_message .oarticle_desc h2,
	.news .message .right_message .oarticle_desc h1,
	.news .message .right_message .oarticle_desc p{font-size: 13px!important;font-weight: 400;line-height: 24px;}
	.news .news_button li h3{font-size: 18px;}
	.news_details h2{font-size: 26px;line-height: 60px;}
	.news_details .news_details_top{line-height: 40px;margin-bottom: 10px;}
	.news .head h1{font-size: 28px;line-height: 47px;}
	.news .head_new li{width: 48.5%;}
	.news .head_new{height: 430px;}
	.news .vertical{width: 100%;height: 74%;}
	.news .head_new .vertical li{width: 48.5%;vertical-align: top;}
	.news .head_new .vertical li:nth-child(1){margin-right: 1.5%;}
	.news .dow_new li{height: 110px;}
	.news .head_new li .bottom_message{    font-size: 14px; line-height: 21px;}
	.news .head_new li .bottom_message h3, .news .dow_new li .right_message h2{line-height: 22px; font-size: 16px;margin-bottom: 5px;}
	.news .dow_new li .right_message .time span{font-size: 30px;}
	.news .dow_new li .right_message{padding: 15px;}

	.news_details{width: 98%;}
	.news_details .news_content{padding: 12px 20px;}
}
@media(max-width: 540px){	
	.news_details h2{font-size: 24px;line-height: 55px;}
	.news_details .news_details_top{line-height: 37px;margin-bottom: 8px;}
}
@media(max-width: 450px){
	.news .message,.news .tab-content a:nth-child(2n) .message{width: 90%;margin-left: 5%;height: 340px;}
	.news .news_button ul{top: -55px;}
	.news .top_img{margin-bottom: 20px;}
	.news_details h2{font-size: 22px;line-height: 50px;}
	.news_details .news_details_top{line-height: 35px;margin-bottom: 7px;}
}
@media(max-width: 400px){
	.news .head_new{height: 380px;margin-bottom: 14px;}
	.news .tab-content, .news .head{text-align: center;margin-bottom: 0;}
	.news .head .nav>li>a{padding: 0px 13px;}
	.news .news_button{width: 100%;text-align: center;margin-bottom: 10px;}
	.news .head_new li .bottom_message{padding: 5px 12px;    font-size: 13px;line-height: 19px;height: 69px;}
	.news .head .nav-pills>li{ display: inline-block;float: unset;}
	.news .message,.news .tab-content a:nth-child(2n) .message{	width: 98%;margin-left: 1%;height: 325px;box-shadow: unset;}
	.news .news_button ul{top: 0;}
	.news .head_new li .bottom_message h3, .news .dow_new li .right_message h2{line-height: 19px; font-size: 15px;margin-bottom: 0px;}
	.news .head_new li .bottom_message span{text-align: left;}
	.news .head_new li .bottom_message .oarticle_desc,.news .dow_new li .right_message .left_text{text-align: left;font-size: 13px;line-height: 18px;}
	.news .vertical{height:35%;}
	.news .head_new .vertical li{height: 100%;}
	.news .dow_new li{margin-bottom: 12px;height: 70px;position: relative;}
	.news .dow_new li .right_message .time span{font-size: 22px;}
	.news .dow_new li .right_message .time p{font-size: 13px;}
	.news .dow_new li .right_message{padding: 5px;}
	.news .dow_new li .right_message .time{width: 22%;}
	.news .dow_new li .right_message .left_text{width: 78%;}
	.news{padding-top: 19px;}
	.news .head h1{font-size: 26px; line-height: 38px;}
	.news .news_button li h3{font-size: 17px;line-height: 40px;}
	// .news .dow_new li .leftImg{width: 40%;height: 50%;}
	// .news .dow_new li .right_message .time{position: absolute;}
}