﻿/* 重置基础样式 */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,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;outline:0;border:0;background:transparent;vertical-align:baseline;font-size:100%;}
body, button, input, select, textarea{font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a:active,a:hover{outline:0;}
b,strong{font-weight:700;}
dfn{font-style:italic;}
mark{background:#ff0;color:#000;}
small{font-size:80%;}
sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0;}
sup{top:-.5em;}
sub{bottom:-.25em;}
img{border:0;vertical-align: middle;max-width: 100%;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
pre{overflow:auto;}
code,kbd,pre,samp{font-size:1em;font-family:monospace,monospace;}
button{overflow:visible;}
button,select{text-transform:none;}
button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button;}
button[disabled],html input[disabled]{cursor:default;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
input{line-height:normal;}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto;}
fieldset{margin:0 2px;padding:.35em .625em .75em;border:1px solid silver;}
legend{padding:0;border:0;}
textarea{overflow:auto;}
optgroup{font-weight:700;}
table{border-collapse:collapse;border-spacing:0;}
td,th{padding:0;}
ul{list-style:none;}

body{margin:0;font-size:14px;line-height:20px;background-color:#ededed; font-family:Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;}
a{color:#333333;text-decoration:none}
a:hover,a:focus{color:#31B77A;text-decoration:none}
.container{position:relative;margin:0 auto;padding:0 15px;width:1170px;}
.clearfix:after,.clearfix:before,.container:after{clear:both;display:table;content:" ";}


.text-truncate{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.text-line-truncate{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.text-line-one{-webkit-line-clamp: 1;height: 20px;}
.text-line-two{-webkit-line-clamp: 2;height: 40px;}
.text-line-three{-webkit-line-clamp: 3;height: 60px;}

.header {position:relative;z-index:99;width:100%;height:80px;background-color:#fff;padding:20px 0;margin-bottom: 15px;}
.header .logo{position:absolute;top:0;left:15px;}
.header .logo a{display:block;overflow:hidden;width:190px;height:36px;}
.header .logo img{width:200px;height:36px;}
.header img.logo-default{display:block;}
.header img.logo-white{display:none;}

/* 导航栏 */
.navbar{position:relative;margin-left:230px;line-height:36px;}
.navbar>li{position:relative;float:left;cursor:pointer;}
.navbar>li+li {margin-left: 20px}
.navbar>li>a{position:relative;padding-bottom:10px;color:#333;font-size:20px;font-weight:bold;}
.navbar>li>a.active,.navbar>li>a:hover{color:#187dff;}
.navbar>li>a::before{position:absolute;bottom:0;left:50%;z-index:-1;width:0;height:2px;background-color:#187dff;content:"";text-align:center;transition:width .5s;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.navbar>li>a.active::before,.navbar>li>a:hover::before{width:50%;}

.navbar .sub-menu{position:absolute;top: 38px;left:50%;z-index:99;display:none;margin-left:-70px;padding:5px 0;width:140px;background-color:#fff;box-shadow:0 1px 10px rgba(0,0,0,.15);font-size:14px;}
.navbar .sub-menu:after,.navbar .sub-menu:before{position:absolute;top:-5px;left:50%;margin-left:-3px;border-right:5px solid transparent;border-left:5px solid transparent;content:"";}
.navbar .sub-menu:before{border-bottom:5px solid rgba(0,0,0,.1);}
.navbar .sub-menu:after{margin-top:1px;border-bottom:5px solid #fff;}
.navbar>li:hover .sub-menu{display:block;}
.navbar .sub-menu li{float:none;text-align:center;line-height:36px;}
.navbar .sub-menu li a{display:block;}
.navbar .sub-menu li a:hover{background-color:#f2f2f4;}
.navbar .sub-menu li.active a{color:#45B6F7;}

.navbar .nav-icon-new {
    background: url(../images/icon-new.png) 0 0 no-repeat;
    width: 47px;
    height: 37px;
    position: absolute;
    right: 0;
    top: -34px;
}

.userbar{position:absolute;top:0;right:15px;}
.userbar .user-btn{display:inline-block;width:80px;height:36px;border:1px solid #187dff;border-radius:3px;color:#187dff;text-align:center;font-size:16px;line-height:36px;}
.userbar .user-btn+.user-btn{margin-left:5px;}
.userbar .user-btn:hover{background-color:#187dff;color:#fff;}

/* 头部用户 */
.userbar .avatar{display:block;width:36px;height:36px;border-radius:50%;color:#333;text-align:center;line-height:36px;cursor:pointer;}
.userbar .avatar .layui-icon{font-size:28px;}
.userbar .avatar img{display:block;width:100%;border-radius:50%;}
.userbar .user-drop{position:absolute;top:36px;right:-60px;z-index:2;display:none;overflow:hidden;width:160px;border-radius:5px;background:#fbfbfb;color:#989898;font-size:12px;}
.userbar:hover .user-drop{display:block;}
.userbar .user-drop a{display:block;padding:10px 0;width:100%;border:none;border-radius:0 0 5px 5px;background:#434343;color:#fff;text-align:center;}
.userbar .user-drop ul{display:block;padding:10px 15px;}
.userbar .user-drop ul li{display:inline-block;overflow:hidden;width:100%;height:auto;border-bottom:1px solid #fff;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;font-size:12px;line-height:25px;word-break:break-all;-o-text-overflow:ellipsis;-icab-text-overflow:ellipsis;-khtml-text-overflow:ellipsis;-moz-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.userbar .user-drop ul li b{float:left;width:50%;font-weight:100;font-size:12px;}
.userbar .user-drop ul li i{width:50%;color:#4a4a4a;word-wrap:break-word;font-size:12px;word-break:break-all;}

.search{float:right;margin-top:20px;width:180px;}
.search form{position:relative;}
.search .fa{position:absolute;top:50%;left:10px;margin-top:-8px;width:17px;height:17px;background:url(../images/search.png) no-repeat;color:#888;}
.search input{padding:0 10px 1px 32px;width:100%;height:28px;outline:0;border:none;border-radius:50px;background-color:#fff;color:#ddd;font-size:13px;}

.content-wrap{margin:-7.5px;}
.content-wrap:after,.content-wrap:before{clear:both;display:block;content:'';}
.content-wrap .content,.content-wrap .sidebar{position:relative;float:left;display:block;box-sizing:border-box;padding:7.5px;}
.content-wrap .content{width:70%;}
.content-wrap .sidebar{width:30%;}

.index-box{overflow:hidden;margin-bottom:15px;padding:25px 30px;background-color:#fff;}
.index-box h2 {padding-left:32px;background:url(../images/icon-cd.png) no-repeat 0 -212px;font-weight:500;font-size:24px;height:33px;line-height:33px;margin-bottom: 15px;}
.index-items h2 {background-position: 0 0;}
.index-links h2 {background-position: 0 -212px;}

.index-items .sub-menu {overflow:hidden;margin-top:-5px;margin-right:-5px;font-size:12px;margin-bottom: 15px;}
.index-items .sub-menu li{float:left;margin-top:5px;margin-right:5px;width:12%;}
.index-items .sub-menu li a{display:block;overflow:hidden;padding:0 10px;background-color:#f3f3f3;text-align:center;text-overflow:ellipsis;white-space:nowrap;line-height:32px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.index-items .sub-menu li a:hover{background-color:#31b77a;color:#fff;}
.index-items .new-list {overflow:hidden;margin-right:-10px;}
.index-items .new-list li{float: left;width: 24%;margin-right: 10px;}
.index-items .new-list li a{position:relative;color:#fff;display: block;}
.index-items .new-list li a img{width:100%;height:143px;}
.index-items .new-list li a h3{position:absolute;z-index:9;display:block;overflow:hidden;margin-top:-38px;padding-left:10px;width:100%;height:38px;background:#000;background-color:rgba(0,0,0,.5);text-overflow:ellipsis;white-space:nowrap;line-height:38px;}
.index-items .new-list li a:hover h3 {background-color: rgba(49, 183, 122, 0.3803921568627451)}

.index-list-dense{overflow:hidden;margin-bottom:15px;padding:15px 30px;background-color:#fff;}
.index-list-dense h2{margin-bottom:15px;padding-bottom:40px;padding-left:32px;height:33px;border-bottom:1px #efefef solid;background:url(../images/icon-cd.png) no-repeat 0 -212px;font-weight:500;font-size:24px;line-height:33px;}
.index-list-dense ul{overflow:hidden;margin: 0 -2% 0 0;}
.index-list-dense ul li{position:relative;float:left;width:48%;margin-right:2%;margin-bottom:10px;padding-left:140px;padding-top:10px;border-top: 1px #efefef solid;height:80px;}
.index-list-dense ul li:nth-child(-n+2){border-top: none;margin-bottom: 0;padding-top: 0;}
.index-list-dense ul li .focus{position:absolute;top:10px;left:0;overflow:hidden;width:120px;height:68px;}
.index-list-dense ul li:nth-child(-n+2) .focus{top:0;}
.index-list-dense ul li .focus img{width:100%;height:100%;}
.index-list-dense ul li:hover .focus img{background-color:#000;opacity:.8;}
.index-list-dense ul li h3{font-weight:400;font-size:15px;line-height:28px;}
.index-list-dense ul li p{color:#999;font-size:13px;line-height:20px;}

.friend-link{overflow:hidden;margin-top:-5px;margin-right:-5px;font-size:12px;}
.friend-link li{float:left;margin-top:5px;margin-right:5px;width:12%;}
.friend-link li a{display:block;overflow:hidden;padding:0 10px;background-color:#f3f3f3;text-align:center;text-overflow:ellipsis;white-space:nowrap;line-height:32px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.friend-link li a:hover{background-color:#31b77a;color:#fff;}

.catleader{margin-bottom:5px;padding:25px 30px;background-color:#fff;}
.catleader h1, .catleader h2{padding-left:32px;background:url(../images/icon-cd.png) no-repeat 0 0px;font-weight:500;font-size:24px;height:33px;line-height:33px;margin-bottom: 15px;}
.catleader .sub-menu {overflow:hidden;margin-top:5px;margin-right:-5px;font-size:12px;}
.catleader .sub-menu li{float:left;margin-top:5px;margin-right:5px;width:19.3%;}
.catleader .sub-menu li a{display:block;overflow:hidden;padding:0 10px;background-color:#f3f3f3;text-align:center;text-overflow:ellipsis;white-space:nowrap;line-height:32px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.catleader .sub-menu li a:hover, .catleader .sub-menu li a.active{background-color:#31b77a;color:#fff;}


.article-list {}
.article-list li{position:relative;margin-bottom:5px;padding:15px 30px;background-color:#FFFFFF;}
.article-list li.has-thumb{padding-right:215px;min-height:118px;}
.article-list li .focus{position:absolute;top:8px;right:30px;}
.article-list li .focus img{width:150px;height:100px;}
.article-list li h3{margin:0 0 10px;text-align:justify;font-weight:400;font-size:18px;line-height:30px;}
.article-list li .note{display:-webkit-box;overflow:hidden;color:#999;text-align:justify;text-overflow:ellipsis;font-size:14px;line-height:24px;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.article-list li:hover img{background-color:#000;opacity:.8;}


.breadcrumb{margin-bottom:5px;padding:0 30px;height:50px;background-color:#FFFFFF;color:#444;color:#999;font-size:14px;line-height:50px;}
.breadcrumb small{margin:0 2px;color:#bbb;font-weight:700;font-size:12px;font-family:serif;}
.breadcrumb a{color:#444;}
.breadcrumb a:hover{color:#b1afaf;}


.pagination{clear:both;padding:15px 30px;text-align:center;}
.pagination ul{display:inline-block;margin-bottom:0;margin-left:0;}
.pagination ul li{display:inline;}
.pagination ul li a,.pagination ul li span{float:left;margin:0 1px;padding:4px 12px 3px;background-color:#fff;color:#333;text-decoration:none;line-height:20px;}
.pagination ul .active span,.pagination ul .active>a{background-color:#31b77a;color:#fff;}
.pagination ul .active a,.pagination ul .active span{cursor:default;}
.pagination ul li span{background-color:transparent;color:#999;cursor:default;}


.title{position: relative;line-height: 32px;font-size: 20px;}
.title>*{border-bottom: 2px solid #31B77A;display: inline-block;font-weight: normal;}


.widget{position:relative;clear:both;overflow:hidden;margin-bottom:10px;padding:15px 20px;background-color:#fff;overflow:hidden}
.widget.affix{width:300px;}
.widget-title{position: relative;line-height: 32px;font-size: 20px;}
.widget-title h2{border-bottom: 2px solid #31B77A;display: inline-block;font-weight: normal;}

.widget-list ul li{position:relative;line-height: 1.5;padding:8px 0 8px 0;border-bottom: dashed 1px #eee;font-size:14px;text-align:justify;display: flex;align-items: center;}
.widget-list ul li:last-child{border-bottom:none;}
.widget-list ul li.has-thumb {min-height: 60px;}
.widget-list ul li.has-thumb a{display:block;padding-right:85px;}
.widget-list ul li.has-thumb .subject{display:block;overflow:hidden;max-height:45px;text-align:justify;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-weight:400;}
.widget-list ul li.has-thumb .focus{position:absolute;top:8px;right:0;}
.widget-list ul li.has-thumb .focus img{width:70px;height:40px;border-radius: 8px;}
.widget-list ul li.has-thumb:hover img{background-color:#000;opacity:.8;}

.widget-tag ul{overflow:hidden;margin-right:-2%;font-size:12px;}
.widget-tag ul li{float:left;margin-top:10px;margin-right:2%;width:48%;}
.widget-tag ul a{display:block;overflow:hidden;border:1px solid #ddd;text-align:center;text-overflow:ellipsis;white-space:nowrap;line-height:32px;}
.widget-tag ul a:hover{border-color:#31b77a;background-color:#31b77a;color:#fff;}

.widget-groom{display:block;margin-bottom:0;padding:0;width:100%;background-color:transparent;}
.widget-groom a{display:block;margin-bottom:10px;padding:0 15px 10px;border:1px solid transparent;background-color:#fff;font-size:12px;}
.widget-groom a h2{margin-top:10px;margin-bottom:5px;font-weight:700;font-size:18px;}
.widget-groom a p{margin-bottom:0;color:#999;}
.widget-groom a strong{display:inline-block;margin:-1px 0 0 0;padding:4px 15px;color:#fff;font-weight:400;font-size:14px;}
.widget-groom a.style01{color:#ff6b57;}
.widget-groom a.style01:hover{border-color:#ff6b57;}
.widget-groom a.style01 strong{background-color:#ff6b57;}
.widget-groom a.style02{color:#9c27b0;}
.widget-groom a.style02:hover{border-color:#9c27b0;}
.widget-groom a.style02 strong{background-color:#9c27b0;}
.widget-groom a.style03{color:#31b77a;}
.widget-groom a.style03:hover{border-color:#31b77a;}
.widget-groom a.style03 strong{background-color:#31b77a;}
.widget-groom a.style04{color:#c35bff;}
.widget-groom a.style04:hover{border-color:#c35bff;}
.widget-groom a.style04 strong{background-color:#c35bff;}
.widget-groom a.style05{color:#61b3e6;}
.widget-groom a.style05:hover{border-color:#61b3e6;}
.widget-groom a.style05 strong{background-color:#61b3e6;}


/*广告位*/
.abs, .widget-abs{position: relative;overflow: hidden;text-align: center;padding: 0;background-color: #FFFFFF;}
.abs{margin-bottom: 10px;}
.abs .demo, .widget-abs .demo{border: 2px dashed #aaa;padding: 40px 15px;font-size: 14px;background-color: #fff;display: block;text-decoration: none;color: #888;font-weight: bold;text-align: center;}

.article-header, .article-content, .article-nav, .article-social, .article-download, .article-relates{background-color: #FFFFFF;padding: 20px 30px;}
.article-header{border-bottom: 1px solid #eee;}
.article-title {font-size: 24px;line-height: 36px;;}
.article-meta{margin-top: 10px;font-size:14px;color:#999;}
.article-meta .item{margin-right:20px;}
.article-content{position:relative;font-size: 15px;line-height: 1.8;word-wrap:break-word;text-align: justify;font-family: Times New Roman;}
.article-content img{max-width:100%;height:auto}
.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{font-weight: bold;margin: 0 0 15px 0;line-height: 1.5;}
.article-content h1{font-size:20px;}
.article-content h2, .article-content h3{font-size:18px;border-left: 5px solid #31B77A;padding: 0 0 0 10px;}
.article-content h4, .article-content h5, .article-content h6{font-size:16px;}
.article-content p{margin: 0 0 10px 0;text-indent:2em;}
.article-content p img{margin-left: -2em;}
.article-content pre{margin: 0 0 15px 0;word-wrap:break-word}
.article-content pre{margin: 0 0 15px 0;word-wrap:break-word}
.article-content blockquote{margin: 10px 0px 15px 0px;padding-left: 10px;font-weight: 400;border-left: 4px solid rgba(0,0,0,.12);}
.article-content blockquote p{text-indent: 0;margin-bottom:0;}
.article-content table{margin-bottom:25px;width:100%;border-top:solid 1px #eee;border-left:solid 1px #eee;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);border-spacing:0;}
.article-content table td, .article-content table th{padding:10px 15px;border-right:solid 1px #eee;border-bottom:solid 1px #eee;font-size:14px;line-height:24px;vertical-align:middle;text-align:left;}
.article-content table th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:13px;line-height:32px;}
.article-content ul, .article-content ol{margin: 0 0 15px 15px;}
.article-content li {margin: 0 0 5px 30px;list-style-type: upper-roman;}
.article-content li p{text-indent:0;}
.article-content li li {}
.article-social{text-align:center;margin-bottom: 10px;}
.article-social a{display:inline-block;margin:0 7px;padding:12px 20px;border:1px solid #ececec;border-radius:2px;background-color:#fff;color:#5c5c5c;font-size:16px;line-height:1;}
.article-social a:hover{color:#31b77a;}

.article-download{position:relative;padding:0 30px;font-size:14px;margin-bottom: 10px;}
.article-download-title{padding-left:28px;height:50px;background:url(../images/word.png) no-repeat 0 13px;line-height:50px;}
.article-download-btn{position:absolute;top:10px;right:10px;padding:2px 7px 1px;width:120px;height:30px;border:1px solid #31b77a;border-radius:3px;color:#31b77a;text-align:center;font-weight:400;font-size:14px;line-height:26px;}

.article-readall{position:absolute;bottom:0;left:0;z-index:10;width:100%;height:150px;cursor:pointer;}
.article-readall .item1{display:block;height:100px;background:-moz-linear-gradient(bottom,rgba(255,255,255,.1),rgba(255,255,255,0));background:-webkit-gradient(linear,0 top,0 bottom,from(rgba(255,255,255,0)),to(#fff));background:-o-linear-gradient(bottom,rgba(255,255,255,.1),rgba(255,255,255,0));}
.article-readall .item2{display:block;height:50px;background:#fff url(../images/readall.gif) center 25px no-repeat;color:#31b77a;text-align:center;line-height:28px;cursor:pointer;}

.article-relates{margin-bottom: 10px;background-color: #FFFFFF;padding: 20px 30px;}
.article-relates ul{overflow: hidden;}
.article-relates ul li{float: left;margin: 2px auto;padding-right: 5%;padding-left: 25px;width: 45%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-top: 10px;background: url(data:image/gif;base64,R0lGODlhDQAFAKIAAKOjo6GhoampqYSEhJWVlZ2dnZmZmXx8fCH5BAAAAAAALAAAAAANAAUAAAMVKLfcB6PIScsZJuttLvlgSByK4wQJADs=) no-repeat 2px 9px;}

.footer{clear:both;margin-top:30px;padding-top:20px;padding-bottom:20px;border-top:1px solid #eee;background-color:#fff;color:#bbb;text-align:center;font-size:12px;}
.footer a{color:#bbb;}
.footer a:hover{color:#444;}

.footer-navbar{clear:both;overflow:hidden;text-align:center;}
.footer-navbar ul{display:table;margin:0;padding:0;width:100%;list-style:none;text-align:center;word-spacing:-1em;}
.footer-navbar li{display:inline-block;margin:0 7px 7px;word-spacing:0;}

.focusbox{padding:45px 0;background-color:#FFFFFF;color:#444444;text-align:center;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.focusbox .container{text-align:center;}
.focusbox .focusbox-title{margin:0;font-weight:700;font-size:22px;}
.focusbox .focusbox-title+.focusbox-text{margin-top:4.5px;}
.focusbox .focusbox-text{color:#bbb;}
.focusbox .focusbox-counts{margin-top:5px;color:#bbb;font-size:12px;}

.container-no-sidebar h1{font-size: 22px;margin: 30px 0;text-align: center;}
.tagslist{overflow: hidden;}
.tagslist ul{list-style-type: none;padding: 0;margin: 0 -2% 0 0;}
.tagslist li{float: left;width: 23%;margin-right: 2%;margin-bottom: 2%;padding: 15px;border: 1px solid #eee;background-color: #fff;border-radius: 2px;}
.tagslist li .name{background-color: #eee;display: inline-block;padding: 5px 10px 4px;font-size: 12px;color: #666;}
.tagslist li .name:hover{background-color: #444;color: #fff;}
.tagslist li:hover{border-color: #ccc;}
.tagslist li:hover .name{background-color: #444;color: #fff;}
.tagslist li small{margin-left: 10px;color: #bbb;}
.tagslist li p{margin: 10px 0 0;font-size: 12px;height: 17px;overflow: hidden;display: block;line-height: 1.5;}
.tagslist li .tit{color: #999;}
.tagslist li .tit:hover{color: #444;}

.article-sitemap{background-color: #FFFFFF;padding: 20px 30px;}
.article-sitemap ul{overflow: hidden;}
.article-sitemap li{position: relative;width:100%;line-height: 36px;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;padding-right: 100px;font-size: 16px;border-bottom: 1px dashed #aaa;}
.article-sitemap li span{position:absolute;right:0;color:#bbb;}
.article-sitemap li:last-child{border-bottom:none;}

.category-sitemap{background-color: #FFFFFF;padding: 20px 30px;}
.category-sitemap ul{overflow:hidden;margin-top:-5px;margin-right:-5px;margin-bottom:15px;font-size:12px;}
.category-sitemap ul>li.has-sub>h2{position:relative;margin:24px 0;padding-left:15px;font-weight:700;font-size:18px;line-height:1;}
.category-sitemap ul>li.has-sub>h2:before{position:absolute;top:1px;left:0;width:4px;height:18px;border-radius:10px;background-color:#31b77a;content:'';}
.category-sitemap ul>li.no-sub{float:left;margin-top:5px;margin-right:5px;width:16.2%;}
.category-sitemap ul>li.no-sub>a{display:block;overflow:hidden;padding:0 10px;background-color:#f3f3f3;text-align:center;text-overflow:ellipsis;white-space:nowrap;line-height:32px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.category-sitemap ul>li.no-sub>a:hover{background-color:#31b77a;color:#fff;}


.banner{margin-top:-15px;margin-bottom: 20px;padding: 55px 0;width: 100%;color: #fff;text-align: center;background:url(../images/banner/04.jpg) center 0% no-repeat;background-size: cover;}
.banner h1, .banner h2{margin-bottom: 20px;font-weight:700;font-size:32px;}
.banner p{margin:10px 0 0;font-size:16px;}
.banner .btn{width: 157px;height: 36px;text-align: center;display: inline-block;border: 1px solid #fff;line-height: 36px;color: #fff;font-size: 13px;margin-top: 15px;}
.banner .mark{position:absolute;width:100%;height:100%;top:0;left:0;display:block;}

.banner-search{position:relative;padding:60px 0;margin-top: -15px;margin-bottom: 15px;width:100%;color:#fff;background-image: linear-gradient(133deg,#69a4fa 0,#4d6fff 50%);}
.banner-search h2{margin-bottom:30px;color:#fff;text-align:center;font-size:46px;font-weight: 400;}
.search-wrap{position:relative;width:80%;margin:0 auto;}
.search-count{margin-bottom:30px;text-align:center;font-size:16px;}
.search-count li{display:inline-block;}
.search-count li+li{margin-left:20px;}
.search-count li span{margin:0 3px;}
.search-form{position:relative;}
.search-form input{display:block;box-sizing:border-box;padding:0 165px 0 15px;width:100%;height:50px;outline:0;border-color:#e6e6e6;border-style:solid;border-width:1px;border-radius:2px;background-color:#fff;color:#2196f3;font-size:18px;line-height:50px;-webkit-transition:all .3s;transition:all .3s;-webkit-appearance:none;}
.search-form button{position:absolute;top:0;right:0;display:inline-block;box-sizing:border-box;padding:0 18px;width:150px;height:50px;outline:0;border:none;border-radius:2px;background-color:#ff5e52;color:#fff;vertical-align:middle;text-align:center;white-space:nowrap;font-size:18px;line-height:52px;cursor:pointer;}
.search-form button:hover{color:#fff;opacity:.8;}

.abs-search {position:relative;padding:20px 0;margin-bottom: 15px;width:100%;color:#fff;background-color: #3F51B5;}
.abs-search h2{margin-bottom:15px;color:#fff;text-align:center;font-size:24px;font-weight: 400;}
.abs-search .search-wrap{width:90%;}
.abs-search .search-count{margin-bottom:10px;}
.abs-search .search-form input, .abs-search .search-form button{height: 40px;line-height: 40px;}

@media screen and (max-width: 1200px){
    .container{width:970px;}
    .navbar>li+li {
        margin-left: 15px;
    }
    .navbar>li>a{font-size: 18px;}
}

@media screen and (max-width: 992px){
    html{min-width:750px;}
    .container{width:750px;}
    .header {height: 60px;padding: 10px 0;}
    .header .logo {top:8px;}
    .header .logo a {width:130px;}
    .header .logo img {width:auto; height:auto;}
    .navbar{margin-left: 160px;line-height: 44px;}
    .navbar>li>a{font-size: 15px;}
    .userbar{top: 8px;}
    .userbar .user-btn {width: 45px;height: 26px;font-size: 14px;line-height: 26px;}
    .userbar .btn-member{width: 80px;}
    
    
}

@media screen and (max-width: 768px){
    .article-content {
        font-size: 26px;
    }
    .article-content h4, .article-content h5, .article-content h6 {
        font-size: 28px;
    }
}