#nav {
    width: 100%; /* 1000 */
    font-weight: 400;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
   
}

    #nav > a {
        display: none;
    }

    #nav li {
        position: relative;
        color: #fff;
        display: block;
      
    }

        #nav li a {
            color: #fff;
            display: block;
        }
    #nav li a:active {
    background-color: #c00 !important;
            }

    #nav span:after {
        width: 0;
        height: 0;
        border: 0.313em solid transparent; /* 5 */
        border-bottom: none;
        border-top-color: #efa585;
        content: '';
        vertical-align: middle;
        display: inline-block;
        position: relative;
       
    }

    /* first level */

    #nav > ul {
        height: 3em; /* 60 */
        background-color: #754b44;

    }

        #nav > ul > li {
            width: 8.5%;
            height: 100%;
            float: left;
        }
            #nav > ul > li:first-child  {
                width: 10%;
            }
li:last-child a {
    border-right: none;
}
/* Doesn't work in IE */
  #nav > ul > li  {
                height: 100%;
                font-size: 1em; /* 24 */
                line-height: 2.5em; /* 60 (24) */
                text-align: center;

            }

  #nav > ul > li:not( :last-child )  {
                border-right: 1px solid #FFF;
            }



/* Doesn't work in IE */
 #nav > ul > li:hover > a,
            #nav > ul:not( :hover ) > li.active > a {
                background-color: #4e783a;
            }


    /* second level */

    #nav li ul {
        background-color: #e57b2a;
        display: none;
        position: absolute;
        top: 80%;
        z-index: 10000;
    }

    #nav li:hover ul {
        display: block;
        left: 0;
        right: 0;
       
    }

    #nav li:not( :first-child ):hover ul {
        left: -1px;
    }

    #nav li ul a {
        font-size: 1rem; /* 20 */
        border-top: 1px solid #e15a1f;
        padding: 0.1em; /* 15 (20) */
    }

    #nav li ul li a:hover,
    #nav li ul:not( :hover ) li.active a {
        background-color: #4e783a;
    }


@media only screen and (max-width: 1280px) and (min-width: 981px) {
    .wrap {
        width: 100%;
        max-height: 1280px;
    }
 .column_2 {width:45%}
    #nav ul {
        padding-left: 10%;
    }
    .kuzhan-ul {
        width: 2500px;
    }
}
@media only screen and (max-width: 980px) and (min-width: 641px) {

    .wrap {
        width: 100%;
        max-width: 980px;
    }

    #nav {
        font-size: 1em;
    }
        #nav > ul {
            height: 2em; /* 60 */
    }
 #nav > ul > li  {
                height: 100%;
                font-size: 0.6em; /* 24 */
                line-height: 1.5em; /* 60 (24) */
    }

}


    @media only screen and ( max-width: 640px ) /* 640 */
    {
        #nav {
            position: fixed;
            top: 1%;
            left: 10px;
        }

            #nav > a {
                width: 3.125em; /* 50 */
                height: 3.125em; /* 50 */
                text-align: left;
                text-indent: -9999px;
                background-color: #754b44;
                position: fixed;
                top: 1%;
                left: 10px;
            }

                #nav > a:before,
                #nav > a:after {
                    position: absolute;
                    border: 2px solid #fff;
                    top: 35%;
                    left: 1%;
                    right: 5%;
                    content: '';
                }

                #nav > a:after {
                    top: 60%;
                }

            #nav:not( :target ) > a:first-of-type,
            #nav:target > a:last-of-type {
                display: block;
            }


            /* first level */

            #nav > ul {
                height: auto;
                display: none;
                position: absolute;
                left: 0;
                right: 0;width:400px;
            }

            #nav:target > ul {
                display: block;
            }
            #nav > ul > li:first-child{
                width: 90%;
               
            }
            #nav > ul > li {
                width: 30%;
                float: left;
                z-index: 1200;
                background-color: #754b44;
            }

                #nav > ul > li > a {
                    height: auto;
                    text-align: left;
                    padding: 0 0.3em 0 0.1em; /* 10 (24) */
                    width: 98%;

                }

                #nav > ul > li:not( :last-child ) > a {
                    border-right: none;
                    border-bottom: 1px solid #cc470d;
                  
                }

            /* second level */

            #nav li ul {
                position: static;
                padding: 1.25em; /* 20 */
                padding-top: 0;
            }

        .jianjie {
            height: 100%;

        }
        #wrap {
            width: 100%;
        }

        .footer-beside {
            clear: both;
            float: none;
            width: 100%;
        }

        .footer-base {
            height: auto;
           width:110%;
        }

        .footer-midside {
            clear: both;
        }

            .footer-midside .webaddr {
                display: none;
            }

    }