body {
}


.list-main {width: 1100px; margin-left: auto;margin-right: auto;}
.list-main-center {margin-left: auto; margin-right: auto; margin-top: 50px;}

.doc-grid:after, .doc-grid:before {content: " "; display: table;}
.doc-grid-left {width: 25%;}
.nav-doc {width: 236px; float: left; min-height:500px;}
.about {
    display: block;
    width: 221px;
    height: 85px;
    background-color: #007B9A;
    color: #FFF;
    line-height: 85px;
    font-size: 23px;
    padding-left: 15px;
    vertical-align: middle !important;
}
.nav-doc ul {border-bottom: 1px solid #E9E9E9;margin: 0;}
.nav-doc ul li:hover, .nav-doc ul li.hover, .nav-doc .on {background: #eeefea; color: #007B9A;}
.nav-doc>ul>li { border-top: 1px solid #E9E9E9; border-left: 1px solid #E9E9E9; border-right: 1px solid #E9E9E9; line-height: 45px;}
.nav-doc>ul>li>a { display: block; margin-left: 15px; position: relative; font-size:18px;}


.list-doc{width: 70%; overflow: hidden; min-height:400px;border-top:1px solid #eeeeee; padding-bottom: 40px;}

.page_main_r {border-top: 1px solid #007B9A; padding-top: 20px; padding-bottom:20px;}
.page_main_r_title { font-size: 25px;}
.page_main_l_info {margin-top: 10px; color: #007B9A;}

.list-doc .div-doc {border-bottom: 1px solid #ccc; padding-bottom:15px;}
.list-doc .div-doc a{}
.list-doc .div-doc:hover {background: #f7f7f7;}

.list-doc-title { color: #525252; cursor: pointer; font-size: 24px; line-height: 25px;  padding-top: 7px; padding-bottom:5px;}
.list-doc-title a {color: #525252; font-size: 20px;}
.list-doc-title a:hover{color:#A10000;}
.column-name {background: #007B9A;padding: 5px; color:#fff;}

.st_main {overflow:hidden; };
.st_main ul { margin:0 auto; }
.st_main ul li { display:block; width:100%; border-bottom: 1px solid #007B9A; }
.st_main ul li .st_left {position:relative; float:left; width:40%;height:120px; margin: 10px 0 10px 0;  padding-bottom:30px; overflow:hidden;}
.st_main ul li .st_left img { display:block; width:100%; height:120px; transition:all 1s; -moz-transition:all 1s; /* Firefox 4 */ -webkit-transition:all 1s; /* Safari and Chrome */ -o-transition:all 1s; /* Opera */}
.st_main ul li .st_left:hover img { width:100%; height:120px; margin-left:-5px; margin-top:-5px;}
.st_main ul li .st_left p { top:0; bottom:0; left:15px; right:15px; position:absolute; }
.st_main ul li .st_left p b { display:block; background:#FFF; color:#007B9A; font-size:18px; line-height:24px; padding: 15px 10px 0; text-align:center; position:absolute; left:0; right:0; bottom:0px;  }
.st_main ul li .st_right { height:120px; width:60%; float:right;}
.st_main ul li .st_right ul {padding-left:15px;}
.st_main ul li .st_right li {position: relative; font-size: 18px; line-height: 36px; border-bottom: #e4e4e4 1px solid;}
.st_main ul li .st_right li a {max-width: 88%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.st_main ul li .st_right li span {position: absolute; display: block; background-color: #fff; right: 0; top: 0; font-size: 18px; color: #999;}

@media screen and (max-width:768px) {
	body{ background: none !important;}
	.list-main {max-width: 100%!important;width:100%!important;}
	.list-main .list-main-center{ width: auto; padding: 20px 15px 0;}
	.doc-grid-left{display:none;}
	
	.list-doc{max-width: 100%!important;width:100%!important;float:left;min-height: 300px !important;}
	.page_main_r{margin:0 10px 0 10px;}
	
	.list-doc-title{ line-height: 24px; padding-top: 5px;}
	.list-doc-title a{ font-size: 15px;}
	
	.st_main ul li .st_left {max-width: 100%!important;width:100%!important;}
	.st_main ul li .st_right {max-width: 100%!important;width:100%!important; height:100%!important; float:left;}
	
}