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,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}



/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* 通用css */
.wrap{
    max-width: 1400px;
    margin: 0 auto;
}
.colRed{
    color:#f00;
}
.col999{
    color:#999;
}
.fontBold{
    font-weight: bold;
}
.fr{
	float: right;
}
.fl{
	float:left;
}
.clearfix:after{
	content: "";
	display: block;
	height: 0;
	clear:both;
	visibility: hidden;
}
.clearfix{
	*zoom: 1;
}
.line1{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.line2{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.line3{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.line4{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}
.bgwhite{
    background-color:#fff;
}
.mt20{
    margin-top: 20px;
}

.animate{
    transition-duration:0.6s;
}
.animate:hover{
    transform: scale(1.3);
}

.boxShadow:hover{
    box-shadow: #a9a9a9 0 0 20px;
}

.scroll::-webkit-scrollbar {
    /*滚动条整体样式*/
    width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
    }
.scroll::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius   : 10px;
    background-color: skyblue;
    background-image: -webkit-linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.2) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255, 255, 255, 0.2) 50%,
        rgba(255, 255, 255, 0.2) 75%,
        transparent 75%,
        transparent
    );
}
.scroll::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    /* box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2); */
    border-radius: 10px;
    background   : #fff;
}
body {
    color: #111;
    font-family: Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
    font-size: 14px;
    background-color: #edf3f9;
}

/* 导航 */
.pc-top-nav .logo{
    height: 50px;
    overflow: hidden;
}
.pc-top-nav .logo img{
    width: 200px;
}
.pc-top-nav > ul{
    display: flex;
    align-items: center;
    height: 50px;
}

.pc-top-nav .navbar-item{
    padding: 0 8px;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    position: relative;
}
.pc-top-nav .navbar-item a{
    color:#34495e;
    padding: 0 8px;
    display: block;
    height: 100%;
}
.pc-top-nav .navbar-item a:hover{
    opacity: .8;
    background-color: #5FB878;
    color:#fff;
}
.pc-top-nav .navbar-item.subcate{
    position: relative;
}
.pc-top-nav .navbar-item .subnav, .pc-top-nav > ul ul{
    display: none;
    position: absolute;
    z-index: 10;
    font-size: 16px;
    width: 300px;
    background-color:#fff;
    left:-15px;
    top:50px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    overflow: hidden;
    box-shadow: #a9a9a9 0 0 20px;
    padding-top: 12px;
    padding-bottom: 12px;
}
.pc-top-nav .navbar-item .subnav a{
    display:block;
    line-height: 1.8;
    padding-left: 20px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.pc-top-nav .searchBox{
    margin-left: auto;
    margin-right: 10px;
}
.m-top{
    display: flex;
    box-sizing: border-box;
    justify-content: space-between;
    padding: 0 10px 0 0;
    height: 50px;
    overflow:hidden;
    align-items: center;
    background-color: #393D49;
}
.m-logo{
    width: 200px;
    margin-left:10px;
}
.m-logo a{
    color:#fff;
    font-size: 18px;
}
.m-logo img{
    width: 100%;
    height:50px
}
.m-top i{
    margin-left: 20px;
    color:#fff;
}
.m-top-nav{
    display: none;
    position: fixed;
    top:0;
    left:0;
    right: 0;
    bottom: 0;
    padding-top:50px;
    background-color: rgba(0,0,0,.8);
    z-index:100;
}
.m-top-nav .layui-nav-tree{
    background-color: #2F4056;
    width: 100%;
}
.m-top-nav .navbar-item{
    padding: 10px;
}
.m-top-nav .navbar-item .subnav{
    padding-left: 20px;
    padding: 10px 0;
}
.m-top-nav .navbar-item .subnav a{
    display: inline-block;
    padding: 10px;
}
.m-top-nav a{
    color:#fff;
}
/* 首页顶部 */
.pc-index-topBox .bannerBox, .pc-index-topBox .newPostBox, .pc-index-topBox .staticBannerBox{
    height: 600px;
    
}
.pc-index-topBox{
    display:flex;
    margin-top: 20px;
}
.pc-index-topBox .bannerBox{
    width: 450px;
    flex-grow: 0;
    flex-shrink: 0;

}
.pc-index-topBox .staticBannerBox{
    width: 240px;
    flex-grow: 0;
    flex-shrink: 0;
}
.pc-index-topBox .newPostBox{
    margin: 0 25px;
    flex-grow: 1;
    flex-shrink: 1;
    max-width: 690px;
    overflow:hidden;
    position: relative;
}
.pc-index-topBox .newPostBox .layui-card-header{
    height:52px;
    line-height:52px;
}
.pc-index-topBox .topbannerItem{
    height: 300px;
    border-radius: 8px;
    overflow:hidden;
    position:relative
}
.pc-index-topBox .topbannerItem img{
    width: 100%;
    min-height: 300px;
}
.pc-index-topBox .topbannerText{
    position:absolute;
    left:0;
    right:0px;
    bottom: 10px;
    background:rgba(0,0,0, .7);
    color:#fff;
    padding: 10px
}
.pc-index-topBox .recomPostBox{
    margin-top: 15px;
    border-radius: 8px;
    overflow:hidden;
}
.pc-index-topBox .recomPostItem {
    display:flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}
.pc-index-topBox .recomPostItem:last-child{
    border-bottom: none;
}
.pc-index-topBox .recomPostItem .recomPostimg{
    width: 50px;
    height:50px;
    border-radius: 25px;
    border:1px solid #eee;
    overflow:hidden;
}
.pc-index-topBox .recomPostItem .recomPostimg img{
    width: 100%;
    height: 100%;
}
.pc-index-topBox .recomPostItem .recomPostCon{
    flex-grow: 1;
    margin-left: 20px;
}
.pc-index-topBox .layui-card-body{
    padding: 10px 0;
}
.pc-index-topBox ul{
    display: flex;
    flex-wrap: wrap;
    overflow-y:auto;
    max-height: 527px;
}
.pc-index-topBox li{
    width: 50%;
    padding: 0 15px;
    line-height: 35px;;
    box-sizing: border-box;
}
.pc-index-topBox .staticBanner{
    width: 240px;
    height: 160px;
    border-radius: 8px;
    margin-bottom: 20px;
    overflow: hidden;
}
.pc-index-topBox .staticBanner img{
    width: 240px;
    height: 160px;
}
.pc-index-topBox .hotTags .layui-card-body{
    height: 175px;
    overflow-y:auto;
}
.pc-index-topBox .hotTagItem{
    display: inline-block;
    padding: 3px 5px;
    background-color:#eee;
    border:1px solid #ddd;
    margin: 4px;
    border-radius: 8px;
}

/* 首页图片文章 */
.picArticleBox{
    box-sizing: border-box;
    margin-top: 20px;
    overflow:hidden;
}
.picArticle{
    display: flex;
}
.picArticleBox .layui-field-box{
    padding: 10px 0;
}
.picArticleBox .picArticleItem{
    width: 20%;
    flex-grow: 1;
    flex-shrink: 1;
    margin: 0 12px;
    background-color: #fff;
    border-radius: 8px;
    overflow:hidden;
}
.picArticleBox .imgBox{
    height: 200px;
    overflow:hidden;
}
.picArticleBox .imgBox img{
    width: 100%;
    min-height: 200px;
}
.picArticleBox .articleCon{
    margin: 10px 0;
    padding: 0 8px;
    height: 50px;
    line-height: 25px;
    font-size: 16px;
}
.picArticleBox .articleInfo{
    border-top: 2px dotted #ddd;
    padding: 8px ;
    display:flex;
    justify-content: space-between;
}

/* 首页栏目文章 */
.bottomCateBox{
    box-sizing: border-box;
    margin-top: 20px;
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.bottomCateBox .layui-card-body{
    height: 230px;
    overflow-y: hidden;
}
.bottomCateBox .bottomCateItem{
    width: 24%;
    margin-bottom: 20px;
}
.bottomCateBox .articleItem{
    display:flex;
    align-items: center;
    padding-bottom: 10px;
}
.bottomCateBox .articleItem .imgBox{
    flex-shrink: 0;
    width: 100px;
    height: 75px;
    overflow:hidden;
}
.bottomCateBox .articleItem .imgBox img{
    width: 100%;
    min-height: 100%;
}
.bottomCateBox .articleItem .articleCon{
    flex-grow: 1;
    flex-shrink: 1;
    line-height: 1.2;
    margin-left:10px;
    font-size: 14px;
}
.bottomCateBox .articleItem .articleCon .articleCon_info{
    margin-top: 5px;
}
.bottomCateBox .bottomCateItem .articleCon2{
    display: flex;
    flex-wrap: nowrap;
    line-height: 22px;
    height: 30px;
}
.bottomCateBox .bottomCateItem .articleCon2 span:first-child{
    flex-shrink: 0;
}
.bottomCateBox .bottomCateItem .articleCon2 span:last-child{
    flex-shrink: 1;
}

/* 友情链接 */
.links{
    margin-bottom:30px;
    border-radius: 6px;
}
.links a{
    color: #ddd;
}
.links .layui-card{
    background: rgba(0,0,0,.1);
}
.links .layui-card .layui-card-header{
    color: #ddd;
    border-bottom: 1px rgba(255,255,255,.2) dashed;
}
.links ul{
    display: flex;
    flex-wrap: wrap;
}
.links ul li{
    line-height: 1.8;
    margin: 0 16px;
}

/* 底部 */
.footerBox{
    padding: 30px 0;
    color:#fff;
}
.footerBox a{
    color:#fff;
}


/* 分类 */
.postList, .post{
    display:flex;
    padding-top:20px;
}
.postListContentBox, .postContentBox{
    flex-grow: 1;
    flex-shrink: 1;
}
.postItemBox{
    margin-bottom: 18px;
    display:flex;
    height:150px;
    border-radius: 8px;
    overflow: hidden;
    background-color:#fff;
}
.postList .postImgBox{
    width: 200px;
    flex-shrink: 0;
    height: 100%;
    overflow:hidden;
}
.postList .postImgBox img{
    width:100%;
    min-height: 100%;
}
.postList  .postContent{
    flex-grow: 1;
    flex-shrink: 1;
    box-sizing: border-box;
    padding: 0 20px;
}
.postList  .postTitle{
    line-height: 50px;
    font-size: 20px;
    font-weight: bold;
}
.postList .postInfo{
    min-height: 50px;
    line-height: 25px;
    overflow: hidden;
    font-size: 16px;
    color:#666;
}
.postList .postCate{
    height: 40px;
    padding-top: 10px;
    line-height: 30px;
    display:flex;
    align-items: center;
}
.postList .postCate span{
    flex-grow: 0;
    margin-right: 18px;
    color:#666;
}
.postList .postCate span a{
    color:#666;
}
.postList .postCate span.toRead{
    text-align: right;
    flex-grow:1;
}
.postList .postCate span.toRead a{
    color:#fff;
    display: inline-block;
    background-color:#009688;
    padding: 0 6px;
    border-radius: 10px;
}

/* 分类的分页 */
.postListPagebarBox{
    padding: 20px 0;
    font-size: 16px;
    text-align: center;
    color:#009688;
    margin-bottom: 30px;
}
.postListPagebarBox a{
    color:#009688;
    display: inline-block;
    width:30px;
    height: 30px;
    border-radius: 15px;
    border:1px solid #009688;
    line-height: 30px;
    margin: 0 3px;
    text-align:center;
    transition: all .5s ease-in-out;
}
.postListPagebarBox a:hover{
    background-color: #009688;
    color:#fff;
}
.postListPagebarBox .now-page{
    display: inline-block;
    width:20px;
    height: 30px;
    line-height: 30px;
    text-align:center;
}

/* 侧边栏 */
.postListSidebarBox, .postSidebarBox{
    width: 30%;
    margin-left: 20px;
    flex-shrink: 0;
}

.sidebarItem{
	margin-bottom:20px;
    border-radius: 6px;
    overflow:hidden;
}
.sidebarItem .layui-card{
    margin-bottom: 0;
}
.sidebarItem .layui-card-header{
	font-weight: bolder;
}
.sidebarItem .hotTags a{
	display: inline-block;
    height: 30px;
    line-height: 30px;
    color: #838383;
    font-size: 14px;
    background-color: #ededed;
    padding: 0 12px;
    border-radius: 4px;
    margin-bottom: 10px;
    margin-right: 5px;
}
.sidebarItem .hotTags a:hover{
	opacity: .8;
}
.sidebarItem .newcommentBox{
	display: flex;
    padding-bottom: 10px;
}
.sidebarItem .newcommentImg{
	margin-right: 10px;
	max-width: 60px;
	max-height: 60px;
}
.sidebarItem .newcommentCont{
	flex-grow: 1;
}
.sidebarItem .newcomments li{
	padding: 15px 0;
	border-bottom: 1px solid #ddd;
}
.sidebarItem .newcomments li:first-child{
	padding-top:0;
}
.sidebarItem .newcomments li:last-child{
	border:none;
	padding-bottom:0;
}
.sidebarItem .sidebarDa img{
	width: 100%;
}

/* 系统侧边栏 */
.systemSidebarItem .navbar-item .subnav{
    margin-left: 12px;
}
.systemSidebarItem .navbar-item .subnav a{
    margin-right: 8px;
}
.systemSidebarItem .divCatalogContent ul, .systemSidebarItem .divLinkageContent ul{
    display: flex;
    flex-wrap: wrap;
}
.systemSidebarItem .divCatalogContent ul li, .systemSidebarItem .divLinkageContent ul li{
    width: 45%;
    flex-grow: 1;
}
#tbCalendar{
    width: 100%;
}
#tbCalendar caption{
    text-align: center;
}
#tbCalendar thead{
    font-weight: bold;
}
#tbCalendar tr{
    text-align: center;
}
.systemSidebarItem .divSearchPanelContent input[type='text']{
    width: 70%;
    border:none;
    border-bottom: 1px solid #999;
    line-height: 30px;
}
.systemSidebarItem .divSearchPanelContent input[type='submit']{
    padding: 0 10px;
    line-height: 30px;
    background-color: #009688;
    color:#fff;
    font-weight: bold;
    margin-left: 10px;
    border:none;
    border-radius: 6px;
    cursor: pointer;
}


/* 面包屑导航 */
.breadcrumbBox{
    margin-top:15px;
    background-color:#fff;
    border-radius: 6px;
    overflow:hidden;
    font-size: 16px;
    padding: 18px 20px;
    box-sizing: border-box;
}

/* 文章页 */
.post{
    margin-bottom: 20px;
}
.postContent{
    background-color: #fff;
    border-radius: 6px;
    overflow:hidden;
    padding: 0 15px;
}
.postContent .postContentTitle{
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color:#333;
    padding-top:18px;
    padding-bottom: 22px;
}
.postContentInfo{
    margin: 0 0 20px;
    color: #999;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    background-color: #fafafa;
    padding: 12px 0;
    background-image: linear-gradient(to right, #fff 0, #f6f6f6 20%, #f6f6f6 80%, #fff 100%);
}
.postContentInfo span{
    margin: 0 4px;
    padding: 0 4px;
    border-right: 1px solid #999;
}
.postContentInfo span:last-child{
    border-right: none;
}
.postContentInfo a{
    color: #999;
}
.postContentText{
    padding-top: 15px;
    padding-bottom:15px;
    font-size:16px;
}
.postContentText img{
    max-width: 100%;
}
.postContentText p{
	color:#111;
	margin-bottom:18px;
	line-height: 1.6;
}
.articleTags{
    padding-top:15px;
    padding-bottom: 25px;
}
.articleTags a{
    margin-right: 8px;
}
.nextArticle{
	margin-bottom: 10px;
    background: #fafafa;
    padding: 5px 10px;
    border-radius: 6px;
    box-sizing: border-box;
}
.nextArticle div{
    line-height: 3;
}
.articleCopyRight{
    margin: 20px 0;
    border-radius: 6px;
    overflow:hidden;
}
.articleCopyRight .layui-card-header{
    font-weight: bold;
}
.moreArticle{
    margin: 20px 0;
    border-radius: 6px;
    overflow:hidden;
}
.moreArticle .layui-card-header{
    font-weight: bold;
}
.moreArticle ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.moreArticle li{
	width: 45%;
	flex-grow: 0;
}


/*评论*/
#postcmt .layui-inline{
	margin-right: 0;
}

#postcmt .layui-input-inline{
	margin-right: 0;
	width: 100%;
}

#postcmt .inputList{
	display: flex;
	justify-content: space-between;
}
#postcmt .layui-inline{
	width: 30%;
	flex-grow: 0;
}

.commentlist{
	margin-top:10px;
	border:1px solid #e6e6e6;
	padding:10px;
	border-radius: 6px;
}

.commentlist .comment{
	display: flex;
}
.commentlist .comment .commentImg{

	margin-right: 5px;
}
.commentlist .comment .commentImg img{

	border-radius: 8px;
}
.commentlist .comment .commentBody{
	flex-grow: 1;
	padding-top:5px;
}
.reply{
	cursor:pointer;
	color:#009688;
}
.reply:hover{
	opacity: .8;
}
.commentContent{
	padding: 5px;
	line-height: 1.6;
}













@media only screen and (max-width: 1400px){
    .pc-index-topBox li{
        width: 100%;
    }
    .links{
        margin: 0 30px 30px 30px;
    }
}
@media only screen and (max-width: 990px){
    .bannerBox{
        display: none;
    }
    .picArticleBox .picArticle{
        flex-wrap: wrap;
    }
    .picArticleBox .picArticleItem{
        width: 34%;
        margin-bottom: 20px;
    }
    .picArticleBox .picArticleItem:last-child{
        display: none;
    }
    .bottomCateBox .bottomCateItem{
        width: 48%;
    }
    .postListSidebarBox, .postSidebarBox{
        display: none;
    }
    #postcmt .inputList {
        flex-wrap: wrap;
    }
    #postcmt .layui-inline{
        width: 100%;
    }
    
}

@media only screen and (max-width: 780px){
    .staticBannerBox{
        display: none;
    }
    .bottomCateBox .bottomCateItem{
        width: 100%;
    }
    .pc-index-topBox .newPostBox{
        margin: 0;
    }
    .picArticleItem .imgBox {
        height: 120px;
    }
    .links{
        margin: 0;
        margin-bottom:30px;
    }
    .postItemBox{
        height:110px;
    }
    .postImgBox{
        max-width:150px;
    }
    .moreArticle li{
        width: 100%;
    }
}