/** ?????? **/
.site-inline{padding:0 0 20px;margin-top:20px}
.site-content,.site-tree{display:inline-block;vertical-align:top;font-size:14px}
.site-tree{width:220px;min-height:900px;padding:5px 0 20px}

@media screen and (max-width: 767px){
	.site-content{width:940px;min-height:350px;padding:20px 20px 10px 20px}
}

@media screen and (min-width: 768px){
	.site-content{width:500px;min-height:900px;padding:20px 20px 10px 20px}
}

@media screen and (min-width: 992px){
	.site-content{width:700px;min-height:900px;padding:20px 20px 10px 20px}
}

@media screen and (min-width: 1025px){
	.site-content{width:700px;min-height:900px;padding:20px 20px 10px 20px}
}

@media screen and (min-width: 1200px){
	.site-content{width:940px;min-height:900px;padding:20px 20px 10px 20px}
}

/** ???? **/
.site-tree{border-right:1px solid #eee}
.site-tree .layui-tree{line-height:32px}
.site-tree .layui-tree li a cite{padding:0 8px}
.site-tree .layui-tree .site-tree-noicon a cite{padding-left:15px}
/*.site-tree .layui-tree li a em{font-size:12px;color:#bbb;padding-right:5px;font-style:normal}*/
.site-tree .layui-tree li h2{line-height:36px;border-left:5px solid #E00320;margin:10px 0 5px;padding:0 10px;background-color:#f2f2f2;font-size:14px}
.site-tree .layui-tree li a{color:#777;width:100%}
.site-tree .layui-tree li a:hover{color:#337ab7}
.site-tree .layui-tree .site-tree-noicon ul li cite,.site-tree .layui-tree li ul li cite{padding-left:0}
.site-tree .layui-tree .layui-this a{color:#337ab7}

/** ?? **/
.list .news-box{padding:10px 0;color:#191919;border-top:1px #d8d4d7 solid}
.list .news-box:first-child{border:none}
.list .news-box .other{line-height:20px;color:#777;height:20px}
.list .news-box h4{height:80px;padding-top:7px;font-size:18px;vertical-align:top}
.video h4{height:65px!important;padding-top:7px;font-size:18px;vertical-align:top}
.list .news-box h4 span{color:#777;padding-right:10px}
.list .news-box-txt h4{height:auto;padding:10px 0 15px}
.list .news-box .pic{float:left;width:150px;height:100px;margin-right:15px;overflow:hidden;position:relative;display:inline;transform-style:preserve-3d}


@media screen and (max-width: 767px) {
    .layui-main{width:auto;padding:0 10px}
    .site-tree{position:fixed;top:0;bottom:0;min-height:0;overflow:auto;z-index:1000;left:-260px;background-color:#fff;transition:all .3s;-webkit-transition:all .3s}
    .site-content{width:100%;padding:10px;overflow:auto}
    .site-tree-mobile{display:block!important;position:fixed;z-index:100000;bottom:100px;left:15px;width:50px;height:50px;line-height:50px;border-radius:2px;text-align:center;background-color:rgba(0,0,0,.7);color:#fff}
    .site-mobile .site-tree{left:0}
    .site-mobile .site-tree-mobile{display:none!important}
    .site-mobile .site-mobile-shade{content:'';position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.8);z-index:999}

    .list .news-box h4{font-size:14px}
}

.width100{
	width: 100%;
}

@media (min-width: 768px) and (max-width: 992px){
	.container {
    	width: 800px;
	}
}