@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;}
body{ font-size: 14px; font-family: "微软雅黑"; color: #565656;line-height: 2;}
.clearfix:after { height: 0; visibility: hidden;  display: block; clear: both;content: ".";}
html{font-size:62.5%; /* 10÷16=62.5% */}
.shouji{ display:none}
    /*header*/
.header { width: 100%; background: url("../images/banner.jpg") no-repeat 50% 50%; height: 481px;}

.layui-nav {background:none;padding: 0 0;}
.layui-nav-bar {display:none;}
.layui-nav .layui-this::after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed::after{background:none}



@media all and (min-width: 768px){
.header_about { width: 100%; background: url("../images/about_banner.jpg") no-repeat 50% 50%; height: 289px;}
.header_newslist { width: 100%; background: url("../images/news_banner.jpg") no-repeat 50% 50%; height: 289px;}
.header_grave { width: 100%; background: url("../images/huanjing_banner.jpg") no-repeat 50% 50%; height: 289px;}
.header_yw { width: 100%; background: url("../images/yw_banner.jpg") no-repeat 50% 50%; height: 289px;}
.header_anzang { width: 100%; background: url("../images/anzang_banner.jpg") no-repeat 50% 50%; height: 289px;}
.header_jisao { width: 100%; background: url("../images/jisao_banner.jpg") no-repeat 50% 50%; height: 289px;}
.header_contact { width: 100%; background: url("../images/contact_banner.jpg") no-repeat 50% 50%; height: 289px;}


.top { width: 100%; border-bottom: 1px solid #ccc;  height: 32px; line-height: 32px;}
.top1 { width: 1200px; margin: 0 auto;}
.top1 .top_left { float: left; color: #000; }
.top1 .top_right { float: right;}
.top1 .top_right ul li { float: left; margin-right: 14px;}
.top1 .top_right ul li a:hover { color: #F00;}
.top1 .top_right ul .focus { margin-right: 0px;}
.top1 .top_right ul .weixin { width:21px; height:20px; margin-top: 9px;}
.top1 .top_right ul .weixin{ width:21px; height:20px; position:relative; font-size:12px; text-align:center;}
.top1 .top_right ul .weixin a{width:21px; height:20px; display:block; position:absolute; left:0; bottom: 3px; background:url(../images/erweima.jpg) no-repeat center top; }
.top1 .top_right ul .weixin .weixin_nr{width:100px; height:120px; padding:10px; background:#fff; text-align:center; position:absolute; left:-45px; top:45px; display:none;}
.top1 .top_right ul .weixin .weixin_nr img{ margin-bottom: -10px;}
.top1 .top_right ul .weixin .weixin_nr .arrow{ width:0; height:0; border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:50px; top:-10px;}
.top1 .top_right ul .weixin.on .weixin_nr{ display:block;}
.top1 .top_right ul .weixin.on a{ background:url(../images/erweima.jpg) no-repeat left bottom;}
.top2 { width: 1200px; margin: 0 auto; height: 92px;}
.top2 .logo { width: 179px; float: left; margin-top: 11px;}
/*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: 28px;}
.menu .nav .tnav li:nth-of-type(8) {margin-right: 0;}
.menu .nav .tnav li:nth-of-type(1) {margin-left: 15px;}
.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,.menu .nav .tnav li.current-menu-item a,.menu .nav .tnav li.current-menu-parent a{  color: #a67836; }
.menu .nav .tnav .currentNav_8 { margin-right: 0;}
.nav  #currentNav{ color:#a67836; background: url("../images/nav_hover.png") no-repeat 0 96%; font-size:14px;}
/*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;}
    /*footer*/
.footer { background: #333;height: 213px;  width: 100%;}
.footer .footer_nei { width: 1200px; margin: 0 auto; height: 183px; position: relative;}
.footer .footer_nei .footer_nav { width: 676px; height: 23px; float: left; margin-top: 34px;}
.footer .footer_nei .footer_nav ul li { float: left; background: url("../images/nav_interval.jpg") no-repeat right center;}
.footer .footer_nei .footer_nav ul li a { font-size: 16px; color: #fff; display: block; margin: 0 16px;}
.footer .footer_nei .footer_nav ul li a:hover { color: #196308;}
.footer .footer_nei .footer_nav ul .currentNav_1 a { margin-left: 0;}
.footer .footer_nei .footer_nav ul .currentNav_8 { background: none;}
.footer .footer_nei .footer_nav ul .currentNav_8 a { margin-right: 0;}
.footer .footer_nei .left {float:left;} 
.footer .footer_nei .right {float:right;} 
.footer .footer_nei .infos { width: 676px; color: #FFF; font-size: 14px; margin-top: 24px; line-height: 26px;text-align:center;}
.footer .footer_nei .infos p a {  color: #FFF; font-size: 14px;}
.footer .footer_nei .infos p a:hover { color: #196308;}
.footer .footer_nei .hotline { width: 413px; height: 213px; background: #f1f1f1; }
.footer .footer_nei .hotline h2 { width: 413px;font-size: 24px; color: #000; text-align: center; margin-top: 13px; height: 24px; line-height: 24px;border-bottom:1px solid #d1d1d1;padding-bottom:24px;}
.footer .footer_nei .hotline h2 span { margin-left: 10px;}
.footer .footer_nei .hotline p { width: 360px; height: 50px; font-size: 16px; color: #000; line-height: 28px; margin-left: 24px; margin-top: 16px; text-align: center}
.footer .footer_nei .hotline img { width: 57px; height: 51px; margin-top: 12px; margin-left: 181px; }
    
}

@media all and (min-width: 0) and (max-width: 767px) {
    .header {background:none;height:auto;}
header .sj-nav {width: 30px;height: 34px;box-sizing: border-box;position: absolute;right: 1rem;top:18px}
header .sj-nav a {position: absolute;top: calc(50% - 10px);left: calc(50% - 15px);display: block;width: 30px;margin: 0 auto;height: 18px;}
header .sj-nav a span {float: left;width: 100%;height: 3px;background-color: #000;-webkit-transition: .3s;-o-transition: .3s;-moz-transition: .3s;transition: .3s;display: block;}
header .sj-nav a span:first-child {position: absolute;top: 0;left: 0;}
header .sj-nav a span:nth-child(2) {margin-top: 7px;}
header .sj-nav a span:nth-child(3) {position: absolute;bottom: 0;left: 0;}
header .sj-nav a.on span:first-child {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 9px;}
header .sj-nav a.on span:nth-child(2) {opacity: 0;}
header .sj-nav a.on span:last-child {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 9px;}
/*menu*/
.header .logo img{height:32px;padding-top: 8px;}
.top_sj {width:100%;margin:0 auto;}
.top_sj .logo1 {width:50%;}
.top_sj .logo1 a img {width:100%;padding: 20px;}
.top_sj .banner1 img {width:100%;}
.menu {display: none!important;padding: 2rem;}
.menu ul li {width: 100%;box-sizing: border-box;margin-bottom: 1rem;position: relative;}
.menu ul li a {display: block;border-bottom: 1px solid #d7d7d7;padding-bottom: 1rem;}
.menu ul li .sub-menu {display: none;}
.menu ul li .sub-menu li {width: 100%;position: relative;margin-bottom:0}
.menu ul li .sub-menu li a {display: block;width: 100%;box-sizing: border-box;padding: 0.5rem 0 0 1rem;border-bottom:none}
.menu ul li .sub-menu li .sub-menu {display: none;}
.menu ul li .sub-menu li .sub-menu li {width: 100%;position: relative;}
.menu ul li .sub-menu li .sub-menu li a {display: block;width: 100%;box-sizing: border-box;padding: 0.5rem 0 0.5rem 2rem;border-bottom: 1px solid #d7d7d7;}
.menu ul li .sub-menu li.menu-item-has-children ul::after {content: ' ';background: url("../image/index.png") no-repeat center top;background-position: left -93px;display: block;position: absolute;right: 0;top: 0;width: 40px;box-sizing: border-box;padding: 0.5rem 0;text-align: center;height: 100%;z-index: 2;}
.menu ul li.menu-item-has-children:after {content: ' ';background: url("../image/index.png") no-repeat center top;background-position: left -93px;display: block;position: absolute;right: 0;top: 0;width: 40px;text-align: center;height:30px;z-index: 1;}
.layui-layer .layui-layer-content #menu {display: block!important;}
.layui-nav-child{position:relative;top:0;box-shadow:none;border:none}header .layui-layer{width:90%!important}
    


.top {display:none;}
.logo{display:none;}

    
    body { min-width: inherit; background:none;font-size:1.2rem; line-height:2.0rem}
    .shouji{ display:block}
    .shoujinone{ display:none}
    img{ width:100%}
    .top_sj{ background:url(../images/shouji_logobg.jpg) repeat-x scroll 0 0; }
    .top_sj .logo1 img { margin-left: 0.9rem; margin-top: 0.8rem; max-width: 100%!important;height:auto; padding-bottom: 0.8rem;}
    .menu-button {position: relative;cursor: pointer;}
    .toolbar {position: fixed;top:0;left: 0;right: 0;background-color: transparent;z-index: 3;}
    .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%; float: right;}
    .sidebar li .block { font-weight:bold; display:block; margin-left:15px; line-height:4rem; font-size:1.4rem; color: #FFF; }
    .sidebar li a{ display:block; margin-left:3rem; line-height:3.2rem; font-size:1.2rem; color: #FFF; }
    /*banner*/
    .banner1 img{ width: 100%; margin-bottom: 1px;}
    
    .top_right {display:none;}
    
    /*footer*/
.footer_nav {display:none;}
.footer_nei {background:#333;width:100%;height: 300px;}
.footer_nei .hotline {width:100%;text-align: center;padding-top:36px;background:#333;}
.footer_nei .hotline h2 {font-size: 24px;color: #fff;font-weight: 700;padding-bottom:20px;}
.footer_nei .hotline p {color:#fff;}
.footer_nei .hotline img {display:none;}

.side {display:none;}
.footer_nei .infos {width: 100%;text-align: center;color: #b1b1b1;font-size: 12px;padding-top: 10px;padding-bottom: 36px;background:#333;}
.footer_nei .infos a img {width:8%;}
    #tq_float_normal_container, #tq_float_mini_container { display: none;}
    
/*wangzhanditu*/
.ditumenu{border:1px solid #dfdfdf;padding:30px 20px 20px}.ditumenu ul,.ditumenu ul li{display: inline-block;margin-left:20px;}.ditumenu a{font-weight:bold;font-size:16px;}.ditumenu ul li a{font-weight: normal}.ditumenu li.menu-item{margin-bottom: 10px}

.sp_bottom {display: block; position: fixed; bottom:0px; left:0px; width: 100%; background:#333; overflow:hidden;z-index:6;padding:6px 0 4px;color:#fff;line-height:14px;font-size:12px}.sp_bottom a{color:#fff!important;display:inline-block;font-size: 12px;}
.sp_bottom li{ width:30%; float:left;text-align:center; overflow:hidden;margin-left: 47px}
.sp_bottom .bodernone{ border:0}
.sp_bottom img{height:20px;width:auto}


}