.ad_article{width:98.5%; border:1px solid #ddd; float:left; margin:10px auto; line-height:24px; font-size:12px; margin-left:5px; box-sizing:border-box; padding:10px;}
.ad_article:after{content:''; clear:both}
.ad_article ul:after{display:block; content:''; clear:both}
.ad_article ul:first-child{width:65%; float:left}
.ad_article ul:last-child{width:35%; float:left}
.ad_article ul:first-child li{width:32%; margin-left:2%; float:left}
.ad_article ul:first-child li:first-child{margin-left:0 !important;}
.ad_article ul:first-child li img{width:100%; height:auto;}
.ad_article ul:first-child li a{position:relative}
.ad_article ul:first-child li a:hover span{padding-left:20px}
.ad_article ul:first-child li a span{position:absolute; bottom:0; display:block; line-height:25px; text-align:center; color:#fff; text-align:center; background-color:rgba(0,0,0,0.7); width:100%;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s; box-sizing:border-box;}

.ad_article ul:last-child li{margin-left:30px; line-height:28px;}
.ad_article ul:last-child li a{-webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s; color:#C74904;}
.ad_article ul:last-child li a:hover{margin-left:15px}

.ad_list{width:100%; clear:both;}
.ad_list ul:after{display:block; content:''; clear:both;}
.ad_list ul li{float:left; width:24%; margin-left:1.333%; margin-top:10px; margin-bottom:8px;}
.ad_list ul li:first-child{margin-left:0;}
.ad_list ul li img{width:100%; display:block; min-height:80px;}
.ad_list ul li a{position:relative; width:100%; display:block; height:80px; overflow:hidden;}
.ad_list ul li a span{position:absolute; bottom:0; display:block; line-height:30px; text-align:center; color:#fff; text-align:center; background-color:rgba(0,0,0,0.6); width:100%;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s; box-sizing:border-box;}
.ad_list ul li a:hover img{opacity:0.9}
.ad_list ul li a:hover span{padding-left:20px}

.ad_index{width:1200px !important; margin:0 auto;}

.ad_index_hf{width:100%; margin-top:20px;}
.ad_index_hf img{width:100%; height:auto;}

.adshow_wap{display: none}
.adshow{display: block;}

.ad_list_2p{width:100%; clear:both;}
.ad_list_2p ul:after{display:block; content:''; clear:both;}
.ad_list_2p ul li{float:left; width:24%; margin-left:2%; margin-top:10px; margin-bottom:8px;}
.ad_list_2p ul li:first-child{margin-left:0;}
.ad_list_2p ul li img{width:100%; display:block; min-height:80px;}
.ad_list_2p ul li a:hover img{opacity:0.9}


@media (max-width: 980px){

.adshow_wap{display: block;}
.adshow{display: none}

.ad_article{width:100%}
.ad_article ul:first-child{width:100%; float:none;}
.ad_article ul:first-child li{width:49%; margin-left:2%}
.ad_article ul:first-child li:last-child{display:none;}
.ad_article ul:last-child{width:100%; float:none; display:none;}

.ad_list{width:96% !important; margin:0 auto; clear:both; padding:0;}
.ad_list ul li{float:left; width:49%; margin-left:2%; margin-top:5px;}
.ad_list ul li:first-child+li+li,.ad_list ul li:first-child+li+li+li{display:none}

}
	


.adshow,.adshow_wap{width: 100%; clear: both;}
.adshow a,.adshow_wap a{display: block;padding: 10px 0;}
.adshow img,.adshow_wap img{width: 100%;display: block;}