/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body{color:#333333;width:100%; background:#f0f0f0;}
body,button,input,select,textarea,samp{ font-size:14px;font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;}
input,img,fieldset{ border:0;vertical-align:middle;}
em,i{ font-style:normal;}
ol,ul,li{ list-style:none; list-style-position:outside;}
table{ border-collapse:collapse;border-spacing:0;}
a{color:#333333;text-decoration:none;}
a:hover{color:#39C; text-decoration:none;}
.mt10{ margin-top:10px!important;}
.mt15{ margin-top:15px!important;}
.mt20{ margin-top:20px!important;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mt5{ margin-top:5px;}
.container{width:1000px;padding:0 3%;margin:auto; display:table;}
.header{width:100%; height:56px; background:#fff;  border-bottom:1px solid #fff;box-shadow:#d3d3d3 0px 1px 2px}
.header .logo{padding-top:4px;float:left;}
.header .logo img{ width:95px;}
.header .top-search{float:right; width:28%; margin-top:12px;border:1px  solid #e8e8e8; border-radius:15px; overflow:hidden;}
.searchword{ width:82%;float:left; border:0;height:30px; line-height:30px; padding-left:2%;background:#fff;color:#666;border-radius:15px !important;}
.searchbtn{ width:15%;float:left; border:0;height:30px; cursor:pointer;background:url(images/search.png) no-repeat center center; background-size:15px 15px;}
@media screen and (max-device-width: 640px){body{-webkit-text-size-adjust:none;}} 
.flexslider { position:relative;width:65%;padding:1%; border-radius:4px;border:1px solid #e6e6e6;background: #fff; float:left; height:340px; overflow:hidden;}
.flexslider .slides li{ position:relative; height:340px; overflow:hidden;}
.flexslider .slides img{width:100%;}
.flexslider .slides p{ position:absolute; margin:0;bottom:0px;left:0;font-size:18px;padding:10px 0 10px 1%;width:99%; line-height:20px;background:url(images/white_bg.png);}
.flex-direction-nav{ display:none;}
.flex-control-nav{width:123px; bottom:15px; right:0;position:absolute;}
.flex-control-nav li{ float:left;}
.flex-control-nav li a{ display:block; border-radius:20px; background:#999; width:18px; height:18px; line-height:18px;text-align:center; color:#fff; font-size:11px;margin-left:3px; font-family:arial;}
.flex-control-nav .flex-active{ background:#0ab4de}
.HotRecommend{ width:30%;padding:1%;height:340px;border-radius:4px;border:1px solid #e6e6e6;background: #fff; float:right}
.HotRecommend h2{border-bottom:1px dashed #dedede; padding-bottom:5px;font-size:14px; line-height:18px;color:#0ab4de; font-weight:normal;}
.HotRecommend ul{float:left; width:100%; margin-top:6px;}
.HotRecommend li{ float:left; width:100%;position:relative;}
.HotRecommend .first img{ width:100%; height:150px;}
.HotRecommend .first p{position:absolute; margin:0;bottom:0px;font-size:14px; line-height:18px;left:0; padding:3px 0 3px 1%;width:99%;background:url(images/white_bg.png);}
.HotRecommend .row{ margin-top:10px; border-top:1px solid #dedede; padding:3px 0; height:36px; line-height:20px;overflow:hidden;}
.HotRecommend .row p{ float:left; margin:0;width:70%; }
.HotRecommend .row img{ float:right; width:26%;}
.article-list li{border-radius:4px;border:1px solid #e6e6e6;background: #fff; margin-top:18px; padding:18px 0;display:table; width:100%;}
.article-list .thumb{width:30%;padding:0 2%;border-radius:4px;min-height:120px;float:left; overflow:hidden;}
.article-list img{ width:100%;}
.article-list .info{padding:0 2% 0 0;width:63%;float:right;}
.article-list .info p{margin:0; line-height:22px;}
.article-list .info h2{margin:0 0 10px 0;font-size:18px; line-height:22px;font-weight:normal;}
.article-list .info h2 a{ color:#0ab4de;}
.status i{margin:0 5px 0 10px;display:inline-table;background-size:cover; width:12px; height:12px;}
.status i:first-child{margin-left:0}
.status .fa-clock{ background-image:url(images/time.png);}
.status .fa-user{ background-image:url(images/user.png); }
.status{margin:0 0 10px 0;font-size:12px; color:rgba(0,0,0,0.4);}
.article-header{width: 100%;height:180px; position:relative; overflow:hidden;}
#article-header-pic,#canvas{ position:absolute; z-index:-1; width:100% !important;height:auto!important;}
.blur {		
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=20, MakeShadow=false); /* IE6~IE9 */
}
:root .blur {
    display: none; /* IE9+, Firefox, Chrome, Opera - hidden */
    filter: none; /* no IE9 */
}
.nowbar{border-radius:4px;border:1px solid #e6e6e6;background: #fff; margin-top:15px; padding:8px 0;display:table; width:100%; text-indent:10px;}
.article-header h1{ font-size:18px; font-weight:normal;color:#0198bd; background:url(images/white_bg.png); padding:5px; border-radius:5px; display:inline-block;}
.article-header .status{color:#fff;text-shadow: 1px 1px 0px #666}
.article{background: #fff;}
.article-content{ margin:5px 0; line-height:23px; width:65%; float:left;}
.article-content img,.article-content table{ max-width:100% !important;}
.article-content div,.article-content p{ margin:10px 0 !important;}
.article-right{ margin:15px 0; width:32%; float:right;}
.article-right h2{ margin-top:15px; font-size:18px; text-indent:8px;}
.article-right .ad{width:96%;background:#EEE;border-radius:10px; padding:10px 2%;}
.article-right .hot_list{display:table; width:100%;}
.article-right .hot_list li{ float:left; width:96%;background:#f3f3f3;padding:10px 2%; margin:7px 0;border-radius:10px;}
.article-right .hot_list li .thumb{float:left; width:40%; text-align:center;}
.article-right .hot_list li .thumb img{width:100%;border-radius:10px;}
.article-right .hot_list li p{float:right; width:57%;  margin:0; line-height:18px; height:70px; overflow:hidden;}
.footer .copyright{ width:96%; padding:20px 2%; text-align:center;}
.footer a{color:#a8a8a8;}
.mobile .top-search{ width:62%;}
.mobile .flexslider,.mobile .flexslider .slides li,.mobile .HotRecommend,.mobile .HotRecommend .first img{ height:auto;}
.mobile .flexslider,.mobile .HotRecommend,.article-list .mobile .thumb,.article-list .mobile .info{ width:96% !important; padding:2% !important;}
.mobile .flexslider .slides p{ position:relative;}
.mobile .article-content,.mobile .article-right,.mobile .article-right .hot_list{ width:100%;}

.onepage{ text-align:center;width:98%; margin:10px 1% 0 1%; display:table;padding:10px 0;}
.onepage a{display: inline-block; padding:5px 8px;border-radius:5px;border: 1px #ccc solid;color: #666; background:#fff;margin:2px;text-align: center;}
.onepage b,.onepage a:hover{display: inline-block;background:#33b5e5;padding:5px 8px;border-radius:5px;border: 1px #33b5e5 solid;color: #fff;margin:2px;text-align: center;}
.mobile .onepage a,.mobile .onepage b,.mobile .onepage a:hover{margin:2px 1px 2px 0;}
#totalpage{ display:none;}
.jumppage{ text-align:center;width:100%;display:table;padding:0;}
.jump{ margin:5px 0;display: inline-block; width:245px; overflow:hidden;color: #666; }
#jumpnum{float:left;width:80px; height:30px; line-height:30px;text-indent:10px;border-radius:5px 0 0 5px;border: 1px #ccc solid; border-right:0;}
#jumpbut{ background:#efefef;float:left;width:65px; height:30px; line-height:30px; cursor:pointer;border-radius:0 5px 5px 0;border: 1px #ccc solid; border-left:0;}
.backhome{float:left;width:90px; margin-left:5px;height:30px; line-height:30px;border-radius:5px;border: 1px #ccc solid;color: #666; background:#fff;text-align: center;}
.wxad{width:90%; margin:auto; text-align:center;}
.wxad img{ width:100%;}