html{font-size:86%;font-family:"Microsoft YaHei", Helvetica;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,button,textarea,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0}
body{line-height:1.333;font-size:12px;font-size:1.2rem;color:#333;}h1,h2,h3,h4,h5,h6{font-size:100%}
input,textarea,select,button{font-weight:normal;font-family:inherit; font-size:100%;}input[type="button"],input[type="submit"],select,button{cursor:pointer}
table{border-collapse:collapse;border-spacing:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}li{list-style:none}
caption,th{text-align:left}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}
fieldset,img,a img,iframe{border-width:0;border-style:none}iframe{overflow:hidden}
img{-ms-interpolation-mode:bicubic}textarea{resize:vertical;overflow-y:auto;}legend{color:#000}
a,a:link,a:visited{text-decoration:none;color:#333333;}
a:hover{color:#044041;}
hr{height:0}label{cursor:pointer}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
.cRed,a.cRed,a.cRed:visited,.cRed a{color:#bb2323;}
.cBlue,a.cBlue,a.cBlue:visited,.cBlue a{color:#004499;}
.cDRed,a.cDRed,a.cDRed:visited,.cDRed a{color:#bc2931;}
.cGray,a.cGray,a.cGray:visited{color: #353535;}
.cDGray,a.cDGray,a.cDGray:visited{color: #666666;}
.cWhite,a.cWhite,a.cWhite:visited{color:#ffffff;}
.cBlack,a.cBlack,a.cBlack:visited{color:#000000;}
.cGreen,a.cGreen,a.cGreen:visited{color:#008000;}
.cYellow,a.cYellow,a.cYellow:visited,.cYellow a{color:#ff6600;}
.aBlack a,.aBlack a:visited{color:#000;}.aBlack a:hover{color:#C00;}
.fb{font-weight:bold;}.fb a{font-weight:bold;}.fr{text-align:right;}.fc{ text-align:center;}
.invisible{visibility:hidden;}.hidden{display:none;}
.z{ float:left;}.y{float:right;}
.btn{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
button.btn{background:#ff9a24; color:#fff; border:none;text-shadow:1px 1px 1px #e37c13;}
.nli2,.nli3,.nli4,.nli5{ overflow:hidden;}
.nli2 li,.nli3 li,.nli4 li,.nli5 li,.nli6 li,.nli7 li{ display:block; float:left; width:50%; line-height:2.1em;}
.nli3 li{width:33.3%;}.nli6 li{width:16.6%;}.nli7 li{width:14.2%;}
.nli4 li{width:25%;}
.nli5 li{width:20%;}
/* 分割线： <div class="hr"><hr /></div> */
.hr{ clear:both; border-bottom:1px dotted #ccc; margin-bottom:15px;}.hr hr{ display:none;}

.wrapper{}
.header{}
.wtop{background:#0185f1;border-bottom:1px solid #00acee;height:40px;font-size:1.1em;line-height:40px;background-image:-webkit-linear-gradient(top,#219bff,#0185f1);background-image:linear-gradient(top,#219bff,#0185f1); overflow:hidden;}
.wlogo{background-size:250px 36px;-webkit-background-size:250px 36px; text-indent:-999em; overflow:hidden; width:250px; display:inline-block;}
.goback{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAoCAYAAAC8cqlMAAABWklEQVR42u3ZUYcCURQH8Ps0RERET/u6zNPSU8QSS0Qs87Qs+xTDskTfoG+wRJ9hiSUielpiGWLY1173aVkiIu6esyZmMo17KJ1z689f5q1fM3eu01XqANFaO9A7aDv6dJS0wJe+gYY6Gbx2JSEq0B+dnlDEnYkQvzo7De6IqgEC49uAwNS4ImrQpSFiYgPiC1riiLiFrgiIMkdEnYgoXRBHQjQIiNAGxJwrogldS0e0iIiidETAFeEREFyCP6YXR7iEhc0x3S1kpGUHb0JeZQxGklJFyLcFkGuEvApHzLZrpBDtCRKzSPzJgXtC9DozDT6OgxO2D336X+Qpe0mBiOlynscR80nAdLhjZrZg8kTMC3fMhy2YHBHzzB0zPVeMzx0zJmAebcEsWU6RO6dTpjPMPfdjBcS8G0AeJBz0IGaYgdhAr6QcvSHmbQ+kp6QFX7exmSYQ8UhxzR9IMVrdreaWOgAAAABJRU5ErkJggg==) center center no-repeat;background-size:25px 20px;-webkit-background-size:25px 20px;}
.gopc{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQpJREFUeNrsmUsOgjAQhqlxwS0wvLbqDfAmHsGjeARvIjewa16BcAk2pE4Tl7BoaxNG/0lKN0zzf8xMp6FCKRVwtl3A3NgD7CmFXjSfmOqXYp5nxT0CqAFEAAALJoQotiSUdJaLOqdpWiQIw1BsCWBNJ5sUWtMJAAA4AqCRIYUAAAAAAAAAAMBRAikEAAAAYHMA4zgqRAB94A8AfuIoIQPOV0z62XVdRNPBYgHt83AUcaXRW/j1cRwPTn+g27Z90lQ4ApRJklxsna0AmqY5fr7c7UupcNcjTdPBO0Bd1z6vZWWWZWejIjZ5uaqqiIreZ8Ebr220jeZ5PuhdS/cOT0MapxAaGQDc7C3AAGWyHeD4SPz0AAAAAElFTkSuQmCC) center center no-repeat;}
.goindex{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAiVJREFUeNrsWsttwkAQZSOOgM0BECfowHQQSkgHkA7SQaAC6ACoIHQQOgA64Ib4m/8fZ8ZaJOOQwHoN9ko70pP3MGu/Z7/Zn0wMwwiIHC8BwUN4AQ8LsKYC+AJUsC0U+dPplAI0AQYFtpUreRVLjh3eiD4ejxpgAjBsaAIUW+73lbwzXp9eA4fDIQd2aQFUHN1syAAakKNZbPYvnipgv9+X4KHVG6RMEZCruSUgyEt8t9uhLZD4251dVEAD+mXdmIO4BGy32xSQqEMzw9jVFAHQPROw2Ww0tAMl4yRUjr58NQDkc3BpuUHg6V9gvV5jsX74Zc65W8BqtWItVv8IWC6XTouVJ+6yJ7mVsFgsNDpieOH3fCgUqjkWMJ/PsVirHrukEA6Hi8wCZrNZCS5+KdZqJBJ5v0vAdDpV6Fv3VbHSYTurKMr0TwG6rivU75mAPwNF5FVVbf8SAOS9LFaWwOVH9izCFDCZTLBYywKQvxihotFojYzH40+sdEF3rmUyGo2EPlcJ4iYEP4eg/OtkOBzi6QFWd5rzZg3G/Czn8zqEkIxZxIPBQKMiHEc8Hics+f1+n8u6SD4Wi7XN/QA2QEDBsh/Vb+1XnexfbedGrLByKiDni9VoIpEo9no9lVopjx0efPDF+sbTdIXQQa4310LdbpfpCclkkslCbt1f+LPRoFuf+NEWkgKkAClACpACHnJ/OZFJC0kBUoAUwBVE/q3icfwIMAAgGUYvYmzDxAAAAABJRU5ErkJggg==) center center no-repeat;}
.gonav{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAXhJREFUeNrsmk2Kg0AQhW0dBFeiIrjTjffo3GCOmhuk5xxunJ0gKlkJgjp2xgkk9F8YOtpSDxqJ5iWvSKyuLwTN82yZLNsyXPbyCfjLusxs0fM+QshiLYlXt36zTdN0WQrBgiKJbdsn1gUFr24RNI6j9CZwHAexzqt4devjPzfxHhoAFGBEAcMwpK7rfu+xANpGCQ0iWIQVfi1A5tW9CN3IPmk74rWp9TpPIq/2Fkrf/94e+75Pl0P299jzvC/VV3r26tYr2UAgEAh0bKGu6/zleOaAyW23C4LgyjJLvO/Zidu2lRJZGIZMIlPw6ieypmmkI2UURUwiU/HCrxIANEcooK7rNI5jc4mMFX5XRCYIIiWyDYt4JLKqqh6oKkkSZep59urWK9lAIBAIdHAiK8tSSmRZljGJTOJ9C5HRYU4UAK8BT5xZaKvw92y0AKzwRN44jTf+BmHjeQCQcg9AI529i6JIeQVsvZSILM9zIDJtRGb6321+BBgA3zs1bGOqpoAAAAAASUVORK5CYII=) center center no-repeat;}
.gopc,.goindex,.gonav,.goback{background-size:24px 24px;-webkit-background-size:24px 24px;text-indent:-999em; overflow:hidden;
display:inlin-block;width:49px; float:right;position:relative;}
.gonav,.goback{ float:left;}
.gonav::after,.goback::after{content:""; background-color:#047bdc; position:absolute; right:0; height:100%; width:1px;border-right:1px solid #1596ff;}
.gopc::before,.goindex::before{content:""; background-color:#1596ff; position:absolute; left:0; height:100%; width:1px;border-left:1px solid #047bdc;}
.wnav{line-height:33px;border-bottom:1px solid #e3e3e3; background:#f9f9f9; padding:10px; overflow:hidden; min-width:280px;}
.wnav a{ float:left; width:20%; text-align:center;}
.wnav a.btn{border:1px solid #b5b5b5; float:right; line-height:22px; background:#fff; padding:0 5px; margin-top:4px; font-size:0.8em;}
.wsearch{ height:25px;border-bottom:1px solid #fff;padding:15px; background:#f1f0ee;}
.wsearch input.textinput,.wsearch button.btn{margin:0;height:23px;line-height:23px;border:1px solid #c4c4c4;float:left;}
.wsearch input.textinput{-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:5px;-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;border-top-left-radius:5px;border-bottom-left-radius:5px; width:86%; padding-left:8px;}
.wsearch button.btn{ width:10%;height:25px; text-indent:-999em;
border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;color:#999;border-left:0;text-shadow:0; overflow:hidden;
-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;
background:#e9e9e9;background-image:-webkit-linear-gradient(top,#ffffff,#e9e9e9);background-image:-moz-linear-gradient(top,#ffffff,#e9e9e9);background-image:-ms-linear-gradient(top,#ffffff,#e9e9e9);background-image:linear-gradient(top,#ffffff,#e9e9e9);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff',EndColorStr='#e9e9e9');}

.footbox{border-top:1px solid #bababa;padding:10px 0 10px;color:#212224;font-size:14px;background:#ebebeb;background-image:-webkit-linear-gradient(top,#ebebeb,#fcfcfc);background-image:-moz-linear-gradient(top,#ebebeb,#fcfcfc);background-image:-ms-linear-gradient(top,#ebebeb,#fcfcfc);background-image:linear-gradient(top,#ebebeb,#fcfcfc);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#ebebeb',EndColorStr='#fcfcfc');-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,1.0);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,1.0);}
.footbox p a{margin:0 8px;color:#000;line-height:28px;text-align:center}
.footbox .font14{color:#999;font-size:12px;line-height:22px;padding-top:4px; }

/* 返回顶部 */
.gotop{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABzklEQVR42s2XyarCQBBFnRAbURxwnhBFRG0VF/mPbPMP2Wabrdv641clSb1Opx0SMG3gEFN169aFhAZLpV+6brebREIEvgztkInl1+tVIlAw/yHO53N4uVygSGjnY7mUUiBgg0eA0+kkjscj2IBfweFwABtwgP1+DznxI3LNc4Ddbgc58JR5L48HB9hut5ARTz9HqJbVh4c3mw1kwHl2mFEvixcPrtdr+BDn3YlKmk/9eGi1WsEb7khqOdZmhKHuRDMvfXlguVzCC+5IaslisXBiDf3W+zQTzT71ZvF8Pocn3JHUcqw5Bq1j0M0iD6M/C6fTKRgIZnjpplh3n+gJV9eTB3mZ9CyaTCagQQNCNxuPx55Bm4A0htCCPHUtC0ajESgEaJJajnVP073CM4QX5K3quDkYDCDCHw6HqeVY9xTNp6RCkDftiDXc6Pf7EOGrA/gsEE/pZ4Vmhebpx30u9no9iOl2u48PCe8CCdReHsiDvCJPV+1xgE6nAxouEhjqeQkiz0SdA7TbbbABB2i1WmADDtBsNsEGHEAIATbgAI1GA2zAAer1OtiAA9RqtRCBggk5QLValZVKBYqEdibO6XK5LJEQgS9DO+RP/CP/A2Z/pkKIOAp1AAAAAElFTkSuQmCC) center center no-repeat;background-size:16px 16px;-webkit-background-size:16px 16px;}
/* 搜索图标 */
.wsearch button.btn{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAABj1BMVEUBAAD19fWvr69iYmIsLCwJCQkAAAAGBgYiIiJVVVWbm5vs7OyXl5ccHBwODg56enru7u7h4eE8PDwgICDGxsbV1dUeHh4UFBRwcHC5ubnj4+P29vbm5ubDw8N7e3sKCgqysrLk5OQbGxsEBATx8fH////5+fmSkpIMDAzExMRKSkq8vLz+/v78/Pz6+vrU1NQfHx+srKwDAwO6urr7+/vS0tINDQ13d3cyMjJxcXGamprp6enLy8vv7+/9/f0lJSWGhoZhYWGJiYlRUVFWVlakpKQ7OzvCwsLl5eUuLi7Q0NA+Pj69vb0FBQVdXV2VlZUnJyeUlJRNTU1zc3NeXl7e3t4CAgLc3NwYGBiqqqr4+PhJSUl/f38ZGRnIyMgBAQGcnJy+vr6RkZFsbGywsLAQEBA3NzdfX19ycnJYWFidnZ2jo6NlZWVtbW339/dDQ0PHx8dHR0cvLy+oqKjX19fw8PDg4OCTk5M5OTkzMzNAQEBbW1uFhYXKyspra2vz8/P09PTy8vIhISFOTk7q6uoC5KOvAAAAAXRSTlMAQObYZgAAAX9JREFUeNp9kmdbwjAURovKi1sRBy5cpKJSVChucO+J4kJw48YN7u0PNxhaSvvo++mk57a9SS7HsejS0jP0MGRmZedw2uTmQUp+QaFKGougjKk4xZaU0mdl5vKKyqpqi4lyTa3C1tUDDRYrYeEbbdQ3JXUz/V8LsQsOyg7BTlppeZvcYDvgdBFBrhaJuwPolJZdQDdxKHux9wC2XsZ9FD2qnXj7gVyGA8CgqNKOIWCY4Qgwqjkl+sk2RmPAuEZP0HYZTQJT2kOmZ2P9hWlgRmONwCyjOWBeo13AAiMfsKjRS4Cf0fIK9Ksq27sGrDMMbABzKh0EQhJvbgHbKXbHAOzKV7AHGHwKux8G8uRL0AUO6C4PlxPLiiNnfGLMcjXvic+S/vhkxt13ehZOTFRE9sL53pZy1i7WVJ5cXskF1zfkNpTiowFCYnf++4fHp+cXQkQv86/y+28ikSK8cx8JH0xuJ6rjRUHkKz/iCyvzn9wfYf6L+9vHIt3f3D+e0Pn9ARYsPnJjAAlNAAAAAElFTkSuQmCC) center center no-repeat;background-size:15px 15px;-webkit-background-size:15px 15px;}




/* 焦点图
引用HTML：
<div class="wap-Himg">...</div>
必须JS：
touchslider.js
页面JS：
var t4 = new TouchSlider({id: 'slider4',speed: 600,timeout: 4000,before: function(index) {document.getElementById('wap-Himg').className = 'hover' + index;}});
需要修改项：
轮播图ID：'slider4'；
下混动条ID：'wap-Himg'；
 */
.wap-Himg{background:#fff; position:relative;padding-bottom:1px; width:100%; overflow:hidden;max-width:480px; margin:0 auto;}
.wap-Himg ul{ width:500%;-webkit-transition:left 400ms ease-in 0;transition:left 400ms ease-in 0;}
.wap-Himg li{ width:20%; text-align:center; float:left; position:relative;overflow:hidden;}
.wap-Himg img{ width:100%; height:auto; float:left;}
.wap-Himg .qqd-tit,.w-tit{ width:100%;display:block; height:2em; line-height:2em; bottom:0;overflow:hidden; position:absolute;
	background:#000;color:#fff;filter:alpha(opacity=60);opacity:0.6;text-overflow:ellipsis;}
.wap-Himg .wap-Himg-in{ height:4px; overflow:hidden; position:absolute; bottom:0; width:100%;}
.wap-Himg .wap-Himg-in span{ width:20%;background:#d63b3f;text-indent:-999em; display:block;
	-webkit-transition:all 800ms ease-in 0;transition:all 800ms ease-in 0;}
.wap-Himg .wap-Himg-in span.hover1{margin-left:20%;}
.wap-Himg .wap-Himg-in span.hover2{margin-left:40%;}
.wap-Himg .wap-Himg-in span.hover3{margin-left:60%;}
.wap-Himg .wap-Himg-in span.hover4{margin-left:80%;}
/* 头条区
标准HTML格式：
<div class="wap-Hnews">
	<h1><a href="#">标题</a></h1>
	<p class="in">摘要</p>
</div>
*/
.wap-Hnews{ padding:0 10px 15px 10px;}
.wap-Hnews h1{ line-height:3em; height:3em; overflow:hidden; text-align:center;text-overflow:ellipsis;}
.wap-Hnews h1 a{ font-size:1.0em;text-overflow:ellipsis;}
.wap-Hnews p.in,.wap-Hnews p a{ font-size:0.8em;color:#777;}
.wap-Hnews p.fc{ margin-top:-0.4em;}
/* 标准列表样式区 
标准HTML格式：
<div class="wap-list">
	<h2 class="wap-h2">栏目标题</h2>
	<a href="#" class="more">更多</a>
	<div class="gotop">返回顶部</div>
	<ul class="newslist14px">
		<li>·<a href="#">标题</a></li>  标准样式
		<li><em class="y"><a href="#">作者/ 简要说明 </a></em>·<a href="#">标题</a></li>    扩展样式
	</ul>
	<a href="#" class="end_more">更多xxxx</a>
</div>
 */
.wap-list{padding:0 10px;}
.wap-list .newslist14px,.wap-list .newslist12px{clear:both; padding-bottom:10px;}
.wap-list .newslist14px li,.wap-list .newslist12px li{ line-height:2em; height:2em; overflow:hidden;text-overflow:ellipsis;}
.wap-list .newslist12px li em{ float:right;color:#976c4a;font-size:0.8em;}
.wap-list .newslist14px li em{ display:none;}
.wap-h2{color:#222222; line-height:35px; height:35px; background:#f3f3f3; border:1px solid #e3e3e3; background-image:-webkit-linear-gradient(top,#f3f3f3,#f0f0f0);background-image:linear-gradient(top,#f3f3f3,#f0f0f0); padding-left:10px; clear:both; margin:0 -10px 10px -10px; font-weight:normal; font-size:16px}
.more{float:right; margin-top:-40px;font-size:14px}
a.end_more{  margin:10px 8px; text-align:center;line-height:3em;height:3em; color:#343434; font-size:18px;
border-radius:3px;-moz-border-radius:3px;}
.gotop{float:right; margin-top:-38px; text-indent:-999em; width:16px; height:16px;}

/* 图文摘要 【左图片+右标题摘要 右标题字数超出不显示】
标准HTML格式：
<div class="hotimg">
	<h4><strong><a href="">标题</a></strong></h4>
	<div class="z"><a href="#"><img src="#" border="0"></a></div>
	<div class="in">摘要</div>
</div>
样式要求：
1、hotimg高度必须指定；
2、右侧宽度需要修改 .hotimg{ padding-left:33%;} 和 .hotimg .z{ padding-left:30%;} 宽度差 3% 留下间距；
 */
.hotimg{padding-left:33%;position:relative;font-size:0.8em;margin-bottom:6px;overflow:hidden;color:#777777; }
.hotimg .z{position:absolute;left:0;top:4px;width:40%; float:left;}
.hotimg .z img{ width:100%; height:auto;-moz-border-radius:5px; 
-webkit-border-radius:5px;}
.hotimg h4{font-size:1em;overflow:hidden;padding-bottom:5px;height:1.6em; line-height:1.6em;text-overflow:ellipsis;}
.hotimg h3{font-size:1.3em;}
/* 图片列表 【固定1行2列图片+标题 】
标准HTML格式：
<div class="hotimg2">
	<div class="z"><a href="#"><img src="#" border="0" width="140" height="100"><span>标题1</span></a></div>
	<div class="z"><a href="#"><img src="#" border="0" width="140" height="100"><span>标题2</span></a></div>
</div>
样式要求：
1、.hotimg2 .z a宽度高度必须指定；
 */
.hotimg2{ overflow:hidden;}
.hotimg2 .z{ width:50%;float:left; text-align:center; padding-bottom:10px;}
.hotimg2 .z a{ display:block; width:90%;overflow:hidden;position:relative; margin:0 auto;}
.hotimg2 .z img{ width:100%;bottom:0; position:relative; display:block;}
.hotimg2 .z span{ position:absolute;bottom:0;left:0;width:100%;filter:alpha(opacity=60);opacity:0.6; background:#000;color:#fff;
	font-size:0.8em;line-height:2em; height:2em;}
	.hotimg .z_1{float:right; width:83%}
	
	.hotimg3{ overflow:hidden; padding-bottom:15px;}
.hotimg3 .z{ width:100%;text-align:center; }
.hotimg3 .z a{ display:block; width:100%;overflow:hidden;position:relative; margin:0 auto;}
.hotimg3 .z img{ width:100%;bottom:0; position:relative; display:block;}
.hotimg3 .z span{ position:absolute;bottom:0;left:0;width:100%;filter:alpha(opacity=60);opacity:0.6; background:#000;color:#fff;
	font-size:0.8em; text-align:left; padding:4px 15px; line-height:19px}
	

/* 图片混排列表 【1行1列或者1行2列图片混排+标题】
标准HTML格式：
<ul class="imgli">
	<li class="hover"><a href="#"><img src="#" border="0"></a><a href="#">标题</a></li>
	<li><a href="#"><img src="#" border="0"></a><a href="#">标题</a></li>
</ul>
样式要求：
1、class="hover" 为宽图
1、.imgli li和.imgli li.hover 宽度高度必须指定；
 */
 
 .hotimg4{padding-left:33%;position:relative;font-size:0.8em;margin-bottom:6px;overflow:hidden;color:#777777; }
.hotimg4 .z{position:absolute;left:0;top:4px;width:40%; float:left;}
.hotimg4 .z img{ width:100%; height:auto;}
.hotimg4 h2{font-size:1.1em;overflow:hidden;height:1.4em; line-height:1.4em; color:#00a9e2;text-overflow:ellipsis;}
	.hotimg4 .z_1{float:right; width:83%}
	.zb-d{text-align:left; padding-left:20px; font-size:14px;color:#777;border-bottom:none; line-height:30px;background:url(dz02.png) no-repeat 0 5px}

.imgli{ clear:both; overflow:hidden; padding-bottom:10px; margin-right:-10px;}
.imgli li{width:148px;height:96px;overflow:hidden;position:relative;margin:0 4px 4px 0;float:left;text-align:center;}
.imgli li.hover{width:300px;height:196px;}
.imgli img,.imgli li.hover img{width:100%; height:100%;}
.imgli li a{ display:block; width:100%; font-size:0.8em;}
.imgli li a:last-child{ position:absolute; bottom:0; line-height:26px; height:26px; overflow:hidden; background:#000;color:#fff;
	filter:alpha(opacity=60);opacity:0.6;}

/*-分页-*/
.digg{padding:7px; margin:5px; text-align:center}
.digg a{border:#00a9e2 1px solid; padding:4px 8px; margin:2px; color:#333; text-decoration:none}
.digg a:hover{border:#00a9e2 1px solid; color:#fff; background:#00a9e2; text-decoration:none}
.current{margin:2px; padding:4px 8px; border: #00a9e2 1px solid; color:#666; background:#e3e3e3}
.disabled {margin:2px;padding:4px 8px; border:#00a9e2 1px solid; color:#333}


.u-ico-1,.m-box-1{overflow:hidden; background:#fff; margin-bottom:10px; padding:10px 0; border-bottom:1px solid #e9e9e9}
.u-ico-1 a{display:block; float:left; width:33.3%; text-align:center; padding:70px 0 0 0; font-size:12px; line-height:30px; color:#555; }
.u-ico-1 a.c1{background:url(../images/1.png) center 5px no-repeat; background-size:50%}
.u-ico-1 a.c2{background:url(../images/2.png) center 5px no-repeat; background-size:50%}
.u-ico-1 a.c3{background:url(../images/3.png) center 5px no-repeat; background-size:50%}
.u-ico-1 a.c4{background:url(../images/4.png) center 5px no-repeat; background-size:50%}
.u-ico-1 a.c5{background:url(../images/5.png) center 5px no-repeat; background-size:50%}
.u-ico-1 a.c6{background:url(../images/6.png) center  5px no-repeat; background-size:50%}
.buybtn{background:#00bce9;width:65px; color:#fff; height:26px; line-height:26px; font-size:14px; text-align:center; margin-top:5px;-moz-border-radius: 5px; 
-webkit-border-radius: 5px; }
.dw{position:absolute; background:#00bce9; color:#fff; padding:1px; text-align:center;width:15px; height:15px; top:4px; left:0;-moz-border-radius:3px; 
-webkit-border-radius:3px;}
.blueline{width:4px; height:4px; background:#00bce9; float:left; height:18px; line-height:18px; margin:10px 10px 10px 0}
.hdjj{font-size:0.8em; color:#777; background:#f5f6f6; padding:7px; margin-bottom:8px; border:1px solid #e9e9e9; overflow:hidden}
.hdjj h2{color:#00bce9; border-bottom:1px solid #e9e9e9; height:25px; line-height:15px; margin-bottom:5px}
.m-lst-1 {overflow: hidden;}
.m-lst-1 li{ display:block; float:left; width:44%; margin:0 0 15px 4%; font-size:14px; color:#666;  position:relative}
.m-lst-1 li img{ display:block;width:100%; max-width:100%; height:110px}
.m-lst-1 li p{ display:block; width: 100%; box-sizing:border-box; padding:1% 0; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; text-align:left}
.m-lst-1 li p.p1{ font-size: 12px; color: #ee6e08;}
.m-lst-1 li p.p2{ font-size: 14px;}
.m-lst-1 li p.p3{ font-size: 12px; color: #f89a00; }
.zan span{position: absolute;bottom: 10px;left: 0;width: 100%;text-align: center; font-size: 12px; line-height: 1;}
.zx{width:100%;background:#fff;position:fixed;bottom:0; left: 0; z-index:6; border-top:1px solid #e7e7e7 ; background: #f0f0f0;}
.zx a{display:block; box-sizing: border-box; width:33.333%;margin:0px;text-align:center;height:44px;line-height:44px; font-size: 14px; float:left;}
.zx a:last-child{border: none;}
.zx a.w50{width: 50%;}
.bm{ background:url(bm.png) no-repeat 0 center; background-size:20px 20px;padding-left: 30px;display: inline-block;height: 100%;}

.zx .zxbtna{display:block; width:49%;margin:0px;background:#f8f8f8;color:#666;text-align:center;height:38px;line-height:38px; float:left; border-right:1px solid #c4c4c4}
.zx .zxbtnb{display:block; width:50%;margin:0px;background:#f8f8f8;color:#666;text-align:center;height:38px;line-height:38px;float:left;}

.m-lst-2{ float: left; width: 100%; box-sizing: border-box; border-bottom:1px solid #e9e9e9; padding:10px 10px;}
.m-r{float:left; display:block; line-height:24px; width:72%;color:#222; font-size:14px}
.m-r span{ color: #ee6e08;}
.m-c{width:25%; padding-top: 25%;float:left; margin-right:3%; display:block;background-position: center;background-size: cover; background-repeat: no-repeat; position:relative}
