/*news_title*/

.news_title img{ width: 100%; display: block; }

.news_nav_wrap{ padding-top: 8.4375%; width: 100%; position: relative;  }

.news_nav_wrap span{
	top: 0;
	position: absolute;
	height: 100%;
	display: box; 
	display: -webkit-box; 
	display: -moz-box; 
	-webkit-box-align:center; 
	-moz-box-align:center;
	-webkit-box-pack:center; 
	-moz-box-pack:center;

	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size: 14px; 
	color: #4c4c4c;
	background: #fff;
}

.news_nav_wrap span.active_span{ color: #fff; background: #c59d5e; }
.news_nav_wrap span.lanfei_span{ width: 33%; left: 0;  }
.news_nav_wrap span.hangye_span{ width: 34%; left: 33%;  }
.news_nav_wrap span.wenda_span{ width: 33%; left: 67%;  }


.news_con_wrap{ width: 100%;   position: relative;}
.lanfei_div{  display: block; }
.hangye_div{   display: none; }
.wenda_div{  display: none; }


.news_item_title{ width: 60%; line-height: 18px; font-size: 15px; color: #4c4c4c; 
position: absolute; left: 4.0625%;
top:8.8816%;

}


.news_item_title a{ color: #4c4c4c; }

.news_pub_time{ line-height: 14px; font-size: 12px; width: 60%; 
position: absolute; left: 4.0625%;
bottom:8.8816%; 
}

.news_pub_time span{ 
	display: block;
	width:100%; position: absolute; left: 0; bottom:0; font-size: 12px; color: #999; }
.news_pub_time b{ width:60%; position: absolute; right: 0; bottom:0; font-size: 12px; color: #999; text-align: right;
font-weight: normal;display: block;
 }

.item_wrap2{ position: relative; padding-top: 24.09%; display: block;border-bottom: 1px solid #ddd; }
.news_item{ 

	height: 100%; width: 100%;   position: absolute;
	left: 0; top: 0;
	background: #fff;

 }

.news_item_img{ right: 4.0625%; height: 82.2368%; width: 30%;  top:8.8816%; position: absolute;   } 
.news_item_img img{ border-radius: 6px; width: 100%; height: 100%; }













.list_wrap{ width:100%; padding-top:74%; position:relative;}

.list_w1{ width:92%; height:92%; position:absolute; left:4%; top:4%;}
.title_w{ height:15%; position:absolute; width:100%; left:0; bottom:0; background:#000; opacity:0.6; z-index:1;}

.title_left{ width:73%; height:15%; bottom:0; left:0; position:absolute; padding-left:2%;  display: box; 
display: -webkit-box; 
display: -moz-box; 

-webkit-box-align:center; 
-moz-box-align:center;
 z-index:2;}
.title_right{width:25%; height:15%; bottom:0; left:75%; position:absolute;  z-index:2; display: box; 
display: -webkit-box; 
display: -moz-box; 

-webkit-box-align:center; 
-moz-box-align:center;
-webkit-box-pack:center; 
-moz-box-pack:center;}
.title_left a{ font-size:16px; }

.title_right span{font-size: 0;line-height: 0;width: 0px; height: 0px;border-radius: 20px; background:#fff;border:3px solid #fff; margin-right:4px;}
.title_right span.active{ background:#f00;border:5px solid #f00; }

.list_w2{ width:100%; padding-top:28.125%; position:relative;}
.list_w2_i{ width:100%; height:100%;  box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; position:absolute; border-top:1px solid #f9f9f9; background:#000;}


.news_content2{ padding:4%; line-height:24px; font-size:14px; }
.news_content2 img{ width:100%;}


.news_title{ width:100%; padding-top:16%; position:relative; background:url(../images/news_title.png) center center no-repeat; background-size:contain; }
.news_wrapper{ width:100%; position:relative; padding-top:25%;}
.news{ width:100%; height:100%; position:absolute; left:0; top:0; border-top:1px solid #f9f9f9; box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; }
.right_news{width:22%; padding-top:22%; background:#ffffff; float:right; background:url("../images/product.jpg") no-repeat; background-size:contain; position:relative;}
.left_news{ width:76%;float:left; padding-top:22%; position:relative;}

.right_news a{ width:100%; height:100%; position:absolute; top:0; left:0; display:block;}
.right_news a img{ width:100%;}

.news_w{ padding:2% 4%; height:96%; width:92%;}

.top_news{ height:54%;   position:absolute; width:100%; top:0; left:0; }

.bottom_news{ height:26%;    position:absolute; width:100%; bottom:0; left:0; font-size:12px; color:#cbcbcb; display: box; 
display: -webkit-box; 
display: -moz-box; 

-webkit-box-align:center; 
-moz-box-align:center;}

.bottom_news span{ height:100%; border-radius:2px; border:2px solid #f5f5f5; background:#f5f5f5; display:block; position:absolute; bottom:0; right:0; padding-left:6px; padding-right:6px;  color:#cbcbcb; display: box; 
display: -webkit-box; 
display: -moz-box; 

-webkit-box-align:center; 
-moz-box-align:center;}

/*这里需要做媒介查询*/
.top_news a{ font-size:14px; color:#000; text-overflow:ellipsis; overflow:hidden;  display:block; width:100%; height:100%;  }


.ajax_more img{width:100%;}

.news_title3{  font-size:22px; line-height:26px;  text-align:center; font-weight:bold;}

.swiper-container{ width:100%; height:100%; position:relative;   overflow:hidden; z-index:2;}
.swiper-container .swiper-slide{
	text-align: center;
	font-size: 18px;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;


}

.title_w{ height:15%; position:absolute; width:100%; left:0; bottom:0; background:#000; opacity:0.6; z-index:3;}

.title_left{ width:73%; height:15%; bottom:0; left:0; position:absolute; padding-left:2%;  display: box; 
display: -webkit-box; 
display: -moz-box; 

-webkit-box-align:center; 
-moz-box-align:center;
 z-index:4;}
.title_right{width:25%; height:15%; bottom:0; left:75%; position:absolute;  z-index:4; display: box; 
display: -webkit-box; 
display: -moz-box; 

-webkit-box-align:center; 
-moz-box-align:center;
-webkit-box-pack:center; 
-moz-box-pack:center;}
.title_left a{ font-size:16px; color:#ffffff; }

.title_right span{font-size: 0;line-height: 0;width: 0px; height: 0px;border-radius: 20px; background:#fff;border:3px solid #fff; margin-right:4px;}
.title_right span.active{ background:#f00;border:5px solid #f00; }


@media all and (max-width:480px) and (min-width:320px) {
	.title_left a{ font-size:16px; }
	.news_content2{ padding:4%; line-height:24px; font-size:14px; }
	.top_news a{ font-size:14px; line-height:20px;}
	.bottom_news{ font-size:12px;}
	.top_news a{ font-size:14px;  }
	.news_title3{  font-size:22px; line-height:26px;}

}

@media all and (min-width:480px) and (max-width:640px) {
	.title_left a{ font-size:22px; }
	.news_content2{ padding:4%; line-height:30px; font-size:17px; }
	.top_news a{ font-size:17px; line-height:30px;}
	.bottom_news{ font-size:15px;}
	.top_news a{ font-size:17px;  }
	.news_title3{  font-size:28px; line-height:38px;}
}
@media all and (min-width:640px) and (max-width:800px) {
	.title_left a{ font-size:22px; }
	.news_content2{ padding:4%; line-height:30px; font-size:17px; }
	.top_news a{ font-size:20px; line-height:30px;}
	.bottom_news{ font-size:15px;}
	.top_news a{ font-size:20px;  }
	.news_title3{  font-size:28px; line-height:38px;}
}


.btn_wrap{ padding-top:12.1875%; position: relative; display: block; }
.btn_wrap a{position: absolute; top: 0; height: 100%; display: block;}

.btn_wrap a img{ width: 100%; height: 100%; }
.btn_wrap a.goback{ width: 42%; left: 6%; }
.btn_wrap a.next{ width: 42%; right: 6%; }


.ajax_more img {
    width: 100%;
}


.btn_wrap2{ padding-top:12.1875%; position: relative; display: block; }
.btn_wrap2 a{position: absolute; top: 0; height: 100%; display: block;}

.btn_wrap2 a img{ width: 100%; height: 100%; }
.btn_wrap2 a.goback2{ width: 100%; left: 0%; }