html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,figure,figcaption,code,del,dfn,em,image,q,dl,dt,dd,ol,ul,li,fieldset,form,legend,table,tr,th{margin: 0px; border: 0px;padding: 0px; font-size: 100%;     font-weight:normal;font-family: inherit; -webkit-text-size-adjust: 100%;-webkit-font-navoothing: subpixel-antialiased;}
body{margin: 0;color: #787878;font-size: 12px;line-height: 20px;background: #fff;font-family: "Arial",'Microsoft Yahei',"Lucida Grande", "Tahoma";}
input,textarea,select{outline:none;font-size:12px;background-color: #fff;font-family: "Arial",'Microsoft Yahei',"Lucida Grande", "Tahoma";}
h1,h2,h3,h4,h5{font-family: 'Microsoft Yahei',"Arial";}
img{border: 0px;vertical-align:bottom;-ms-interpolation-mode: bicubic;}
a,a:link{color:#787878;text-decoration: none;}
a:hover{color:#ff7800;  text-decoration:none;}
ul,li{list-style-type:none;}
.left{float: left;}
.right{float: right;}
.clearfix:after{display:block;content:'';clear:both;height:0px;visibility: hidden;}
.relative{position:relative;}
.clearfix {*display:table;*zoom:1;}
.inner{width: 1024px;margin: 0 auto;}
/**header**/
#header{height: 132px;height: auto;background: #771B1E;/* min-height:  80px; */}
#header .logo{max-height: 132px;width: 80%;}
#header .logo img{max-height: 127px;max-width: 100%;}
#header .clock{height:100px;width:100px;margin-top: 14px;margin-right: 97px;background-image: url(../images/djs.jpg);}
#header .clock .clock-c{font-size: 30px;color: #FFFFFF;line-height: 100px;height: 100px;width:  100px;text-align: center;}

#nav{background-color: rgba(215,175,122,0.6);}
.nav ul {width: 85px;text-align: center;}
.nav ul li{width: 85px;overflow: hidden;background-color: rgba(215,175,122,0.6);}
.nav a{color:#fff;width: 85px;height: 45px;font-size:15px;line-height: 45px;text-align: center;}
.nav a span.sub-arrow{display: none;}
.nav a:hover, .nav a:focus, .nav a:active,
.nav a.highlighted {background:#E59549;}
.nav ul a {background:transparent;color:#fff;text-shadow:none;}
/* 只支持IE6、7、8 */
@media \0screen\,screen\9 {
    #nav{background-color: #D7AF7A;filter:Alpha(opacity=80);position: absolute; *zoom:1;width: 100%;height: 45px;z-index: 1;}
    .nav{position: static;*zoom:1;background-color: #D7AF7A;filter:Alpha(opacity=80);}
    .nav li a{color:#fff;font-size: 14px;position:relative;display: block;height: 45px}
    .nav ul li{background-color: #D7AF7A;filter:Alpha(opacity=80);position: static;*zoom:1;*width: 100%} 
    .nav ul li a{color:#fff;font-size: 14px;position:relative;display: block;height: 45px;*width: 100%}
}


#nav-button {
  display:none;
}
#nav-button:before {
  content:'导航';
}

#container{background: #fff;padding: 40px 0 100px 0;}


/*footer*/
#footer{background: #771B1E;clear:both;}
#footer.clearfix:after{clear: both;display: block;height: auto;visibility: hidden;}
#footer .inner{background: #771B1E;}
#footer .text{padding: 50px 0;}
#footer .text p{color: #fff;font-size: 13px;line-height: 23px;}
#footer .blog{padding: 65px 50px 0 0;position: relative;z-index: 3;}
#footer .blog li{float: right;padding-left: 38px;}
#footer .blog img{height: 80px;width: 80px;}
#footer #show_weixin_code{position: absolute;z-index:3;top: -110px;right: 10px;*right: 45px;display: none;}
#footer #show_weixin_code img{width:170px;height: 172px}

@media screen and (max-width: 1024px) {
    body{min-width: 320px;}
    .inner{width: 100%}
    #header .logo{max-height: 132px;width: 100%;min-width: 80px;}
    #header .logo img{max-height: 127px;max-width: 100%;}
    .clock{display: none;}

    #nav-button {
        display:inline-block;
        width: 98%;
        font-size: 1rem;
        line-height: 2.25rem;
        padding-left: 2%;
        color: #fff;
        background-image: url(../images/nav.png);
        background-repeat:no-repeat;
        background-position: 97% 48%;
    }
    #nav-menu.collapsed {display:none;}
    ul.nav{width:auto !important;}
    ul.nav ul{
        display:none;
        width: 100%;
        height: auto;
        position:static !important;
        top:auto !important;
        left:auto !important;
        margin-left:0 !important;
        margin-top:0 !important;
        width:auto !important;
        min-width:0 !important;
        max-width:none !important;
    }
    ul.nav>li{float:none;text-align: left;width: 100%;height: auto;}
    ul.nav>li>a{white-space:normal;padding-left: 2%;}
    .nav {background:transparent;}
    .nav a {
        width: 98%;
        height: 2.5rem;
        color: #424242;
        text-align: left;
        font-size: 0.75rem;
        line-height: 2.5rem;
        background: #d3d3d3;
        border-bottom: 1px solid #fff;
    }
    ul.nav ul li{width: 100%;}
    .nav ul li a{
        width: 100%;
        padding-left: 4%;
        color:#424242 !important;
        background: #f3f3f3;
        border-bottom: #d3d3d3;
        border-bottom: 1px solid #d3d3d3;

    }
    .nav a span.sub-arrow {
        display: block;
        position:absolute;
        bottom: 15%;
        right: 3%;
        width:0;
        height:0;
        overflow:hidden;
        border-width: 7px;
        border-style:solid dashed dashed dashed;
        border-color:#fff transparent transparent transparent;
    }
    #footer{height: auto;}
    #footer .text{width: 100%;margin: 0 auto;padding: 15px 0;}
    #footer .text p{display: block;margin: 0 3%;font-size:  0.3rem;line-height: 1rem;}
    #footer .blog{display: none;}
}


@media screen and (max-width: 425px) {
    .nav a {height: 1.5rem;font-size: 0.5rem;line-height: 1.5rem;}
    .nav a span.sub-arrow {border-width: 5px;}
    #nav-button {font-size: 0.75rem;line-height: 1.75rem;background-size: 4% 45%;}
}