body,ul,ol,dl,dd{ margin: 0; padding: 0;}
body{ background:#eee; font-family:"微软雅黑";}
*{ box-sizing:border-box;}
a{ text-decoration: none;}
a:hover{ text-decoration: underline;}
img{ max-width: 100%;}
.wrap{ width: 1200px; margin: auto;}
.fl{ float: left;}
.fr{ float: right;}
.clr:after{ content:""; display:block; clear: both;}
#nav{ background:#ffbd00;color: #280403;padding: 20px 0;}
    #nav .fl{ position: relative; display: block;}
    #nav .fl span{ position: absolute; right: 20px; bottom: 5px; font-size: 12px;}
    #nav .fl:hover span{ color: #c00; opacity: 0.85; -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease}
    #nav .fl:hover img{ opacity: 0.9; -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease}
#nav .menu{ max-width:calc(100% - 240px); height: 64px; line-height: 64px; font-size: 20px; font-family: "宋体"; font-weight: bold;}
    #nav .menu a{ display: block; float: left; color: #280403; padding: 0 20px;}
    #nav .menu a:hover{ color: #780704; text-decoration: none; -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease}
#qmenu{width:70px;position:fixed;right:0;bottom:200px; z-index: 99;}
#qmenu a{display:block;width:100%;height:70px;margin-bottom:1px;position:relative;}
#qmenu a:hover{padding-right:20px;}
#qmenu a>div{position:absolute;left:0;top:0;width:70px; height:70px;border-bottom-left-radius:3px;border-top-left-radius:3px;background:#9c2833;color:#fff;}
#qmenu .tel .cont{ background:#9c2833;}
#qmenu a.top>div{background:#333;color:#999;}
#qmenu a .fl{width:70px;height:70px; padding-top: 40px;font-size:12px;text-align:center;}
#qmenu .tel .fl{ background:url(../img/tel.png) center 10px no-repeat;}
#qmenu .wx .fl{ background:url(../img/wx.png) center 10px no-repeat;}
#qmenu .top .fl{ background:url(../img/top.png) center 15px no-repeat;}
#qmenu a .cont{padding:5px 20px 5px 0;height:70px;line-height:60px;font-weight:bold;font-size:18px;margin-left:70px; white-space: nowrap; width: 200px;}
#qmenu .top:hover .fl{ background-color:#000; -webkit-transition: all .25s ease;
   -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
        transition: all .25s ease}
#qmenu .wx>div{ position: relative;}
#qmenu .wx .cont{ width: 200px; height:200px; position: absolute; top:0;}
footer{ background:#0a0000; color: #ccc; text-align: center; padding:20px 0;}
footer a{ color: #999;}
footer #cr{ padding: 10px 0;}
footer #topic a{ color: #fc0;}
footer #links{ color: #999; font-size: 14px;}
article{ width: 780px;}
aside{ width: 390px;}
#loc{ font-size: 12px; padding: 10px 0; border-bottom: 1px solid #ddd; margin-bottom: 30px;}
#loc a{ color: #9c2833;}
/*首页*/
.bpart{ margin: 30px auto;}
#about h1{ text-align: center; font-weight: 100; margin-bottom: 0;}
#about>p{ text-align: center; margin:0.5em 0 2em; color: #999;}
#about .c{  background:rgba(255,255,255,.95); padding:20px; border:1px solid #ddd; font-size: 16px; line-height: 1.8em; color: #333;}
#about .c img{ display: block; margin:0 20px 20px 0; max-width: 530px;}
#about .c p{ margin-top: 0; text-indent: 2em;}
#about .c p:last-child{ margin-bottom: 0;}
#about .c h3{ font-weight:100; font-size: 24px;}
#about .c ul{ padding-left: 30px;}
#about .c li{ padding: 5px 0; font-size: 14px; line-height: 1.6em;}
#about .c strong{ display: block; font-weight: 100; font-size: 24px; padding: 1em 0 0; color: #9c2833;}
#about .c strong a{ font-weight: bold; color: #9c2833;}
#wend{ width:420px; border:1px solid #ddd;}
#category{ width: 750px;}
#category h2{ font-weight: 100; font-size: 24px;}
#category li{list-style-type: none;}
#category li a{ display: block; float: left; border:1px solid #ddd; background:#fff; padding: 10px; margin: 0 2px 2px 0; color: #333;}
#category li a:hover{ background: #9c2833; color: #fff; text-decoration: none;}
article h1{ font-size: 36px; font-weight: 100; margin-bottom: 0.5em;}
article .desc{ color: #666; font-size: 14px; margin-top: 0;}
article h2{ font-weight: 100; color: #9c2833; font-size: 24px;}
article p{ text-indent: 2em; font-size: 16px; color: #222; line-height: 1.8em;}
article img{ display: block; margin:1em auto 0; padding: 12px; background:#fff; border:1px solid #ddd;}
article span.ctr{ display: block; text-align: center; font-size: 12px; color: #666;}
article h3{ font-size: 18px; font-weight: normal;}
article big{ display: block; font-size: 36px; font-weight: 100; text-align: center; color: #999; padding: 30px 0;}
aside h3{ font-weight: 100;}
article strong a{ color: #39f;}
article strong a:hover{ color: #9c2833;}
article ul,article ol{ margin-left: 2em;}
article li{ padding: 10px 0; list-style-type: none;}
ul#category{ width:auto;}
@media screen and (max-width:980px){
    body{ padding-bottom: 40px;}
    #dmenu{ background:#0a0000; color: #fff; height: 40px; line-height: 40px; position: fixed; z-index: 998; width:100%; left: 0; bottom: 0;}
    #dmenu>span{ width:33.333%; border-right:1px solid #9c2833; float: left; text-align: center;}
    #dmenu>span.tel>a{ display: block; height: 40px; background:#9c2833; color: #fff;}
    .wrap{ width:98%;}
    #contact,#top{ display: none;}
    #nav .fl{ float: none; margin: auto; width:220px; overflow: hidden;}
    #nav .fl img{ max-width:none;}
    #menu{position: fixed; left: 0; top: 0; width:100%; height: 100%; box-sizing:border-box; background:rgba(0,0,0,.9); z-index: 999; display: none;}
    #nav #menu .menu{ width:70%; background:#000; height: 100%; overflow: scroll; float: none;}
    #nav #menu a{ display: block; color: #fff; float: none; height: 50px; line-height: 50px; font-weight: normal; border-bottom: 1px solid rgba(60,60,60,.3);}
    #picShow ul,article,#pro .part,#aside,#wend,#category,#focus{ float: none; width:100%;}
    #about .c{ position: static; width:100%;}
    #category{ margin-bottom: 30px;}
    .bpart .t h2,.bpart .t p{ float: none;}
    .bpart .t p{ line-height: 1em; white-space: normal;}
    #case>.clr{ padding: 10px;}
    #case .part{ width:49%; margin: 0 0 2% 0;}
    #case .part:nth-child(2n){ float: right;}
    #pro .t p{ margin-bottom: 1em;}
    #pro .part .c a{width:calc((100% - 10px) / 2);}
    #aside .contact,footer #links{ display: none;}
    #picShow .pic>a>img{ height:48px; border:2px solid #fff;}
    #picShow .pic>a{ margin-top: -24px;opacity: 1; }
    #picShow .pic>.prev>img{ border-left: 0;}
    #picShow .pic>.next>img{ border-right: 0;}
    #pro .part{ float: none !important;}
    #pro .part .c a{ margin-right:5px !important;}
    #pro .part .c a:nth-child(2n){ margin-right: 0 !important; margin-left: 5px;}
    #about .c img{ max-width:100%;}
}