@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}

/*header*/
.header { width: 100%; background: url("../images/banner.jpg") no-repeat 50% 50%; height: 481px;}
.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: 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;}
.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: url("../images/foot_bg.jpg") repeat-x scroll 0 0; height: 183px;  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: 14px; 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 .infos { width: 676px; float: left; color: #FFF; font-size: 14px; margin-top: 24px; line-height: 26px;}
.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: 175px; background: url("../images/hotline_bg.jpg") repeat-x; position: absolute; right: 0px; bottom: 33px;filter:progid:DXImageTransform.Microsoft.Shadow(color=#333,direction=120,strength=3);/*ie*/
    -moz-box-shadow: 2px 5px 4px #333;/*firefox*/
    -webkit-box-shadow: 2px 5px 4px #333;/*safari或chrome*/
    box-shadow:2px 5px 4px #333;/*opera或ie9*/}
.footer .footer_nei .hotline h2 { width: 413px; background: url("../images/serve_tel.jpg") no-repeat center; font-size: 24px; color: #000; text-align: center; margin-top: 13px; height: 24px; line-height: 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) {
    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 { border-bottom: 1px solid #d1d1d1;}
    .top_sj .logo1 img { margin-left: 0.9rem; margin-top: 0.8rem; width: 80%!important; height: 5rem; 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;}
    /*footer*/
    .footer { display:none}
    .sp_bottom { display: block; position: fixed; bottom:0px; left:0px; width: 100%;}
    .sp_bottom a{ display:block; width:33%; float:left}
    .footer1 { background: #333; width: 100%;  float: left; padding-bottom: 3rem;}
    .footer1 .ft_nav .subNavBox { width:100%; height: auto!important; border: none;}
    .footer1 .ft_nav .subNav {  cursor:pointer; font-weight:bold; font-size:1.6rem; color:#FFF; line-height:38px; padding-left:0!important; background:url("../images/foot_nav.jpg") no-repeat scroll right center !important; margin-left: 12px; border-bottom: 1px solid #808080; width: 96%; margin: 1rem auto;}
    .footer1 .ft_nav .subNav :hover {  background: none; color: #FFF;}
    .footer1 .ft_nav .currentDd{color:#FFF;}
    .footer1 .ft_nav .currentDt{background:url("../images/foot_nav.jpg") no-repeat scroll right center !important;}
    .footer1 .ft_nav .navContent{display: none;}
    .footer1 .ft_nav .navContent li {  background: none; line-height: 3.2rem!important; height: 3.2rem!important; margin: 0; margin-top: 0.5rem!important; margin-left: 13px; background-position: 0% 100%;}
    .footer1 .ft_nav .navContent li a{ display:block; width:52%!important; height: 100%!important; text-align:left; font-size:12px; line-height:32px; color:#FFF!important; background: none!important; padding-left: 14px; }
    .footer1 .ft_nav .navContent li a:hover{color:#FFF; background: none;}
    .footer1 .tags{ position: fixed; width:100%; bottom: 0; left: 0;}
    .footer1 .tags .tags1{ float: left; width: 22%; border-right: 1px solid #333;}
    .footer1 .tags .tags2{ float: left; width: 28.4375%; border-right: 1px solid #333;}
    .footer1 .tags .tags3{ float: left; width: 25.3125%; border-right: 1px solid #333;}
    .footer1 .tags .tags4{ float: left; width: 23.125%;} .footer1 .tags a img{height: 3.9rem;}
    .footer1 .xinxi { float: left; margin-top: 3.3rem; margin-left: 1.6rem; line-height: 2.6rem; margin-bottom: 3.4rem;}
    .footer1 .xinxi p { color: #FFF; font-size: 1.4rem;}
    .footer1 .xinxi p a { color: #FFF!important; font-size: 1.4rem;}
    .footer1 .xinxi p a:hover { color: #196308!important;}
    .footer1 .xinxi p .fax { float: left; width: 1.7rem; height: 1.6rem; margin-top: 0.5rem; margin-right: 0.7rem;}
    .footer1 .xinxi p .mail { float: left; width: 1.4rem; height: 1rem; margin-top: 0.8rem; margin-right: 0.7rem;}
    .footer1 .xinxi p .address {float: left; width: 1.2rem; height: 1.5rem; margin-top: 0.5rem; margin-right: 0.7rem;}
    #tq_float_normal_container, #tq_float_mini_container { display: none;}

}