@charset"utf-8";
/*all tag reset*/
li{list-style:none;}
legend{color:#5A5A5A;}
fieldset,img{border:0;}
i,em{font-style:normal}
ul{margin:0 ;padding: 0;}
strong{ font-weight:bold;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
sup{vertical-align: super;}
sub{vertical-align: sub;}
del,ins{text-decoration:none;}
small{font-size:12px; display: block;}
abbr,acronym{border:0;font-variant:normal;}
input,button,textarea,select{font-size:100%;}
input.hidefocus::-moz-focus-inner {border:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;outline:none;}
/*clearfix*/
strong{ font-weight: bold;}
ul{list-style: none;}
*html .clearfix{zoom: 1;}
*+html .clearfix {zoom: 1;}
a{text-decoration: none; color: #565656;font-size: 12px;}
body{ font-size: 12px; font-family: "微软雅黑"; color: #565656;}
.clearfix:after { height: 0; visibility: hidden; content: "."; display: block; clear: both;}
html{font-size:62.5%; /* 10÷16=62.5% */}
.shouji{ display:none}


/*menu*/
.menu { background: url("../images/nav_bg.png") no-repeat scroll bottom; width: 827px; height: 32px; float: left; margin-top: 20px; margin-left: 26px;}
.menu .nav { width: 827px; margin: 0 auto;}
.menu .nav .tnav li { float: left; line-height: 32px; height: 32px; width: 68px; text-align: center; margin-right: 26px;}
.menu .nav .tnav li a { font-size: 14px; color: #000; display: block; width: 68px; height: 32px; font-weight: bold}
.menu .nav .tnav li a:hover { background: url("../images/nav_hover.png") no-repeat scroll 0 96%; color: #a67836; }
.menu .nav .tnav .currentNav_8 { margin-right: 0;}
/*side*/
.side{position:fixed;width:54px;height:275px;right:0;top:290px;z-index:800;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}

.foot { width: 100%; height: 131px; background: #555555;}
.foot .foot_list{width: 1200px;height: 131px;margin: 0 auto;}
.foot .foot_list .foot_logo{padding-top: 36px;width: 533px;float: left;}
.foot .foot_list .foot_info{width: 660px;float: right;color: #999999;font-size: 14px;text-align: right;padding-top: 20px;}
.foot .foot_list .foot_info .bq1 .bh{color: #999999;font-size: 14px;}
.foot .foot_list .foot_info .bq2{height: 30px;line-height: 38px;color: #999999;}
.foot .foot_list .foot_info .bq3{height: 40px;line-height: 40px;}
.foot .foot_list .foot_info .bq3 .yj{color: #999999;font-size: 14px;}
.foot .foot_list .foot_info .bq3 .map{color: #999999;font-size: 14px;}
.foot .foot_list .foot_info .bq3 a { color: #999; font-size: 14px;}

@media all and (min-width: 0) and (max-width: 767px) {
    body { min-width: inherit; background:none;font-size:1.4rem; line-height:2.7rem}
    .shouji{ display:block}
    .shoujinone{ display:none}
    
    .top_sj{ background:url(../images/shouji_logobg.jpg) repeat-x scroll 0 0; }
    .top_sj .logo1 { border-bottom: 1px solid #d1d1d1;}
    .top_sj .logo1 img { margin-left: 0.9rem; margin-top: 0.8rem; width: 90%!important; height: 6rem;}
    .menu-button {position: relative;cursor: pointer;}
    .toolbar {position: fixed;top:0;right: 0;background-color: transparent;z-index: 3;width: 70px;}
    .menu-left {float: right; margin-right: 1.0rem; margin-top: 1.5rem;}
    .sidebar {margin: 0;padding-top: 1em;color: white;background-color:#000; width: 55%}
    .sidebar li { border-bottom: 1px solid #FFF; padding-bottom: 1rem; width: 100%;}
    .sidebar li .block { font-weight:bold; display:block; margin-left:15px; line-height:3.5rem; font-size:1.6rem; color: #FFF; }
    .sidebar li a{ display:block; margin-left:2.4rem; line-height:3.2rem; font-size:1.4rem; color: #FFF; }
    /*banner*/
    .banner1 img{ margin-bottom: 1px;}
    /*footer*/

}