@charset "utf-8";
/* CSS Document */

.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%; }