﻿.main-cont { min-height: 468px; margin-top:30px;}

.article-cont { background: #fff; padding: 10px 20px; margin-top: 25px; }
.article-cont .article-list { list-style-type: none; margin: 0; padding: 0; }
.article-cont .article-list .article-list-item { position: relative; border-bottom: 1px solid #afafaf; color: #333; padding-right: 90px; }
.article-cont .article-list .article-list-item a { color: #333; }
.article-cont .article-list .article-list-item h3 { font-size: 1.2rem; font-weight: 600; margin-top: 10px; }
.article-cont .article-list .article-list-item p { font-size: 1rem; }
.article-cont .article-list .article-list-item h3, .article-cont .article-list .article-list-item p { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-break: keep-all; }
.article-cont .article-list .article-list-item .article-time { color: #9b9b9b; position: absolute; right: 0; top: 0px; }
.article-cont .article-page { text-align: center; }
.article-cont .article-page .pagination { margin-bottom: 0; }
.article-cont .article-page .pagination > li a, .article-cont .article-page .pagination > li span { border-radius: 50%; margin: 0 4px; color: #40a4fd; border-color: #40a4fd; }
.article-cont .article-page .pagination > li:first-child a, .article-cont .article-page .pagination > li:first-child span, .article-cont .article-page .pagination > li:last-child a, .article-cont .article-page .pagination > li:last-child span { border-radius: 4px; background: #c0e1fd; }
.article-cont .article-page .pagination > li.active a, .article-cont .article-page .pagination > li.active span { background: #c0e1fd; }
.article-cont .article-page .pagination > li.active a:hover, .article-cont .article-page .pagination > li.active a:focus, .article-cont .article-page .pagination > li.active span:hover, .article-cont .article-page .pagination > li.active span:focus { background: #c0e1fd; }

.article-cont .article-title { color: #3d3d3d; text-align: center; font-weight: bolder; }
.article-cont .article-time { color: #b2b2b2; text-align: center; }


.article-cont.phone { min-height: calc(100% - 335px); background: #fff; padding: 10px 20px; margin-top: 0;}
.article-cont.phone .article-list { list-style-type: none; margin: 0; padding: 0; }
.article-cont.phone .article-list .article-list-item { position: relative; border-bottom: 1px solid #cdcdcd; color: #333; padding: 5px 0; padding-right: 70px; }
.article-cont.phone .article-list .article-list-item h3 { color: #585858; font-size: 1.2rem; font-weight: 600; margin: 0; margin-bottom: 5px; margin-top: 5px; }
.article-cont.phone .article-list .article-list-item p { font-size: 1.2rem; color: #777; margin-bottom: 5px; }
.article-cont.phone .article-list .article-list-item h3, .article-cont.phone .article-cont .article-list .article-list-item p { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-break: keep-all; }
.article-cont.phone .article-list .article-list-item .article-time { color: #9c9c9c; position: absolute; right: 0; top: 10px; font-size: 1.2rem; }
.article-cont.phone .article-page { text-align: center; }
.article-cont.phone .article-page .pager span.current { background: #41a5fe; }

.article-cont.phone .article-title { color: #585858; text-align: center; font-size: 1.2rem; font-weight: bold; }
.article-cont.phone .article-time { color: #9c9c9c; text-align: center; font-size: 1rem; }

.article-cont.phone .imgBox img{ max-width: 100% !important; height: auto !important; }
.article-cont.phone .content p{ text-indent: 2em !important; }
.article-cont.phone .content p img{ margin-left: -2em; max-width: 100%; }
.article-cont.phone .content p, .article-cont.phone .content span{ font-size: 1rem !important; line-height: 1.5 !important; text-align: justify; }


.header2 { position: relative; height: 205px; background-color: #005eae;}
.header2 .logo { 
    height: 61px;
    margin-top: 75px;
    margin-left: 56px;
}
.header2 .logo img { height: 100%; }
.header2 .search-cont { margin-top: 90px; width: 330px; margin-left: 60px; }
.header2 .search-cont .search-group { position: relative;  overflow: hidden; box-shadow: 1px 2px 5px rgba(245, 245, 245, 0.3); }
.header2 .search-cont .search-group .form-control { height: 40px; font-size: 14px;  padding: 6px 80px 6px 40px; color: #3d3d3d; border: none; }
.header2 .search-cont .search-group .btn { position: absolute; right: 0; top: 0; padding: 9px 24px; font-size: 14px; height: 40px; border-radius: 0 4px 4px 0;}
.header2 .search-cont .search-group .fa-search { position: absolute; left: 12px; top: 11px; font-size: 18px; color: #a9a9a9; }