.container_center
{
    width: 1200px;
    margin: 0 auto;}
body
{
    margin:0;}
.head
{
    width: 100%;
    margin: 0 auto;}
.head img
{
    width: 100%;}
.nav > table tr
{
    width: 100%;
    height: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0 20px 0;}
.nav
{
    display: flex;
    justify-content: center;
    box-shadow: 0px 7px 12px #DDDDDD;}
.nav > table tr > td >a
{
    font-weight: 500;
    font-size: 20px;
    padding: 15px 30px 15px 30px;
    margin:15px;
    border-bottom: 3px solid white;
    text-decoration: none;
    color: black;}   
.nav > table tr > td >a:hover
{
    color:white;
    background-color:#0d7239;}
.border_top
{
    border-top: 3px solid #eee;}
.banner
{
    width: 1000px;
    margin: 0 auto 0 auto;}
.banner a
{
    font-size:20px;}
.banner > table > tbody > tr > td > .picture2 > .focus2 > .focus-box > .focus-title-bar > .focus-title
{
    position: absolute;
    top:-37px;}
.section
{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 25px;
    justify-content: center;
    align-items: center;}
.section .introduction
{
    width: 80%;
    height:150px;}
.section .introduction h2 
{
    height: 30px;
    padding: 5px;
    text-align: center;
    margin: 0;
    color: #0d7239;}
.section .introduction > div
{
    text-indent: 2em;
    margin: 5px 5px 0 5px;
    border-top: 3px solid #0d7239;
    line-height:30px;
    color: #0d7239;}
.section .article_part
{
    width: 80%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top:50px;}
.section .article_part .article_box
{ 
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 430px;
    height: 400px;}
.section .article_part .article_box img
{
    align-self: center;
    width:30px;
    height:30px;}
.section .article_part .article_box h2
{
    align-self: center;
    color: #0d7239;
    height: 30px;
    font-size: 20px;
    font-weight: 800;
    margin: 0 auto 0 10px;
    cursor:pointer;}
.section .article_part .article_box h3
{
    margin:0 auto 0 185px;}
.section .article_part .article_box h3 a
{
    font-size: 20px;
    color: #0d7239;}
.section .article_part .article_box h3 div a img 
{
    width: 100px;
    height: 45px;
    vertical-align: text-bottom;}
.section .article_part .article_box >div >table > tbody >tr >td
{
    width:400px;
    border-bottom: 1px solid  #eee;}
.section .article_part .article_box a
{
    font-size: 14px;
    text-decoration: none;
    line-height:30px;
    color: black;}
.section .article_part .article_box a:hover
{
    color:#0d7239;
    font-weight:600;}
.section .article_part .article_box > div
{
    width: 380px;
    height: 300px;
    padding: 10px 10px 30px 10px;
    border-top: 3px solid #0d7239;
    overflow: auto;}
#logoimg
{
    width: 100%;
    height: 150px;
    vertical-align: bottom;
    margin: 50px 0 0 0;}
.container_bottom
{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-color: #1e9748;}
.container_bottom p , .container_bottom a , .container_bottom .footer .container_bottom1 h3 ,.container_bottom .footer .container_bottom2 h3
{
    color:white;}
.container_bottom a
{
    text-decoration: none;}
.container_bottom .footer
{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;}
.container_bottom .footer .container_bottom1 h3 ,.container_bottom .footer .container_bottom2 h3
{
    column-span: all;
    position: relative;
    right: 20px;
    margin-bottom: 15px;
    padding-left: 15px;
    border-left: 5px solid white;}
.container_bottom .footer .container_bottom1
{
    column-count: 3;}
.container_bottom .footer .container_bottom1 p
{
    margin: 0 auto 15px auto;}
.container_bottom .more
{
    display: inline-flex;}
.container_bottom .more .bit
{
    position: relative;
    left:150px ;}
@media screen and (max-width: 1200px){
    .container_top , .container_bottom ,#logoimg
    {
        width: 1200px;}
}