body, button, input, select, textarea {margin: 0px;padding: 0px;color: #666;font: 1em/1.668em 'microsoft yahei', '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53'}
header, footer, menu, nav, section {display:block;}
ul, li { list-style: none;}
body {max-width:480px;margin:0 auto;background:#ebedee;font-size:100%;-webkit-text-size-adjust: none;}
input,textarea{outline:none;}
textarea{display:block;overflow:auto;resize:none;}
p, ul, dl, dt, dd { padding:0px;margin:0px;}
b, th {font-weight:normal;}
i, em {font-style : normal;}
u, a, s {text-decoration:none;}
img{border: 0;max-width: 100%;height: auto;}
a{text-decoration: none; color: #666;}
h1,h2,h3 {margin:0;font-size:inherit;font-weight:normal;}
.niang{text-align: center;background: #FFF;padding: 1em 0;}
.hk{width: 100%;height: 2px;clear:both;line-height: 2px;}
.hkb{width: 100%;height: 5px;clear:both;line-height: 5px;}
.hka{width: 100%;height: 15px;clear:both;}
.cimg img,.jiapic ul li .boa img{vertical-align: top;}
#btnk {height: 83px;}
#container{background: #e7e8e9;}
#logo{height:86px;position:relative;background:#231F20;border-bottom: 1px solid #a68352;z-index: 21;}
#logo div{position:relative;width: 172px;max-width: 172px;margin: 0 auto;}
#logo div h1{width: 172px;position: absolute;z-index:1000;}
.absolute {
    position: absolute;
}
/*²Ëµ¥µ¼º½*/
#navlist{height:82px;}
#navlist .navlist{width:100%;}
#navlist .navlist li{width:25%;height:40px;float:left;text-align:center;overflow:hidden;line-height:40px;background:#38342B;background:#000 -webkit-gradient(linear, 0 0, 0 100%, from(#38342B), color-stop(60%, #000));background: -moz-linear-gradient(top, #000, rgb(151, 123, 82) 60%);}
#navlist .navlist li a{ display: block;height: 39px;color: #FFF;font-size: 1em;border-left: 1px solid #A68352;-border-top: 1px solid #A68352;border-top:1px solid #A68352;}
#navlist .navlist a.na{border-left: 0;}
#navlist .navlist a.nb{border-right: 0;}
#navmenu {max-width: 480px;margin: 0 auto;padding-top:0px;padding-bottom:20px;overflow:hidden;}
#navmenu .menulist {width:100%;display:box;display:-moz-box;display:-webkit-box;display:-ms-box;display:-o-box;}
#navmenu .menulist li{-webkit-box-flex:1;-moz-box-flex:1;-ms-box-flex:1;-o-box-flex:1;box-flex:1;width:25%;text-align:center;-background:#005b48;margin:10px 5px 0 5px;height:116px;overflow:hidden;}
#navmenu .menulist li a b {display:block;width:100%;text-align:center;font-size:14px;border-radius:10px;color:#726F70;}
#navmenu .menulist li span{display: block;max-width: 100px;height: 86px;margin: 6px auto 0;}
#navmenu .menulist li span img{width: 100%;}
#navmenu .menulist li a:hover{ background: #005b48;}
.quanbu {height:40px;background:#FFF;line-height:40px;border-bottom:2px solid #AEACAD;text-align:center;border-top:1px solid #bE7E8E9;padding-left:10px;padding-right:10px;}
.quanbu b {height:40px;display:block;color:#38342B;border-bottom:2px solid #000;float:left;}
.quanbu span {float:right;}
.quanbub {height:30px;line-height:30px;border-bottom:1px solid #D6D6D6;text-align:center;border-top:1px solid #D6D6D6;margin-top:-10px;font-size:12px;background:#EBEDEE;}
.quanbub b {height:30px;display:block;color:#38342B;}
.jiapic ul li{float: left;width: 50%;text-align: center;padding: 16px 0 10px 0;}
.jiapic ul li .boa{padding: 0 10px;}
.jiapic ul li .bob{background: #d3d3d3;height: 80px;padding-bottom: 5px;margin: 0 14px;}
.jiapic .bob h3,.jiapic .bob b,.jiapic .bob span{display: block;}
.jiapic .bob h3{color: #000;font-size: 15px;}
.jiapic .bob b{margin-bottom: 0.4em;color: #646464;font: 14px/22px 'microsoft yahei';height: 22px;overflow: hidden;}
.jiapic .bob span{float: left;width: 47%;margin-left: 2%;font: 12px/22px 'microsoft yahei';color: #FFF;text-align: center;background: #bc976a;border-radius: 10px;}
.jiapic .bob span a{color: #FFF;display: block;}

.more {border-radius:0px;background:#BB9765;overflow:hidden;text-align:center;height:46px;line-height:46px;margin-bottom:10px;}
.more .left {float:left;width:50%;}
.more .right {float:right;width:50%;background:#B2413F;}
.more a {color:#FFF;}
.more img {margin-bottom:-7px;margin-right:4px;}

.mianf,.zaix{margin: 0 10px;box-shadow:0 2px 4px #000;-webkit-box-shadow:0 2px 4px #000;-moz-box-shadow:0 2px 4px #000;border-radius: 5px;line-height: 45px;text-align: center;}
.mianf{background: #b69b73;height: 45px;}
.mianf a,.zaix a{display: block; color: #FFF;font-size: 18px;}
.mianf a b{color: #FFF;font-size: 26px;}
.zaix{background: #000;margin: 17px 10px;}
.fzhi{background: #b69b73;margin: 17px 0;}
.zaix a{font-weight: 700;}
.wtxt{text-align: center;font: 12px/22px 'microsoft yahei';}
.wtxt a.current{background-color: rgba(182,155,115,0.7);-webkit-border-radius: 2px;padding: 2px 5px;color: #FFF;}
.yuanjian,.dxian{ position: relative;height: 52px;}
.yuanjian .titbr,.dxian .dxianr{ border-bottom: 1px solid #9e9e9e; height: 15px;}
.yuanjian .titbd,.yuanjian .titzt,.dxian .dxianm{ position: absolute; top: -7px;left: 50%;width: 45px;margin-left:-20px; background: url(http://m.berder.com.cn/img/more.jpg) 0 12px no-repeat;text-align: center;font-size: 12px;}
.yuanjian .titbd a,.yuanjian .titzt a,.dxian .dxianm span{display: block;padding-top: 25px;font-size: 14px;}
.yuanjian .titzt{background: #d2a96e;width: 105px;height: 30px;top: 0px;margin-left:-52px;}
.yuanjian .titzt a{font-size: 14px;padding-top: 1px;color: #FFF;}
.dxian{height: 35px;}
.dxian .dxianr{border-bottom: 1px solid #333;}
.dxian .dxianm{width: 155px;top: 2px;background: #444;margin-left: -77px;color: #FFF;}
.dxian .dxianm span{padding-top: 0;}

#footer{width: 100%; height: 62px;background:#000;border-top: 1px solid #4f4645;opacity: 0.9;}
#footer ul{width: 100%;}
#footer li{height: 62px;width: 25%; float: left;text-align: center;}
#footer li a{height: 62px;font-size: 14px;display: block; color: #000; font-weight: 700;text-align: center;border-right: 1px solid #4f4645;}
#footer li span{display:block;height: 28px;padding-top: 0.3rem;position: relative;}
#footer li span em{width: 18px;height: 18px;position: absolute;left: 50%;margin-left: .6rem; top: 9px;background: url(http://m.berder.com.cn/img/emz.gif) no-repeat;border-radius: 15px;line-height: 18px;color: #FFF;font-size: 12px;font-weight: normal;}
#footer li b{display: block;color: #FFF;font-size: 15px;}
#footer li:nth-of-type(4) a{border-right: 0;}


#btnk{height:46px;}
@media screen and (max-width: 320px){
    #navmenu .menulist li{
        height: 100px;
    }
    #navmenu .menulist li span{
        height: 66px;
    }
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 480px){
}
@media screen and (max-width: 400px){
    #other .olist li a{
        max-width: 70px;
    }
    .jiapic ul li .bob{
        margin: 0px 10px;
    }
}
@media screen and (max-width: 414px){
    .jiapic ul li .bob {
    background: #d3d3d3;
    height: 80px;
    padding-bottom: 5px;
    margin: 0 10px;
    }
}
@media screen and (max-width: 380px){}
@media screen and (max-width: 320px){
    #footer li b {
        font-size: 14px;
    }
    .jiapic ul li .bob{
        margin: 0 10px;
    }
}

/***topmenus***/
#tabb {background:url(../img/tabb.png);height:41px;width:41px;position:absolute;margin-top:23px;margin-left:20px;z-index:1000;float:left;overflow:hidden}
#shouqi {text-align:center;font-size: 18px;color: #888888;height:50px;line-height:50px;font-family: "Microsoft YaHei";}
.marrow-up {background:url(../img/jiantou.png);height:50px;width:20px;float:left; overflow:hidden;margin-left:55%;position:absolute;margin-top:-50px }
.ttell{background:url(../img/heib.png)  no-repeat;background-position: top right;height:60px;width:60px;max-width:60px;position:absolute;margin-top:23px;padding-left:80%;z-index:200;float:left; 
overflow:hidden }
.caidandd{max-width:480px;overflow: hidden;margin: 86px auto 0px;display:none;position:absolute;width:100%;z-index:20; background-image:url(../img/bbgg.png)}
.dazi{max-width:480px;min-width:320px;width: 100%;height: 50px;font-size: 17px;margin:0 auto;padding: 0px;border-top:0.5px solid #4f4645;color: #fff;word-spacing:3.6pt;line-height: 50px;border-bottom:1px solid #4f4645;
padding-left: 10px;overflow: hidden;font-family: "Microsoft YaHei";}
.rwu{border-right:none}
.caidan{max-width:480px;width: 100%;border-bottom:1px solid #4f4645;margin: 0 auto;height: 50px;line-height: 50px;font-family: "Microsoft YaHei";}
.caidan ul{width:100%;list-style-type:none;padding: 0px}
.caidan ul li{width:25%;float:left;text-align: center;font-size: 14px;color: #888888; overflow:hidden}
.caidan ul li a{border-right:1px solid #4f4645;border-bottom:1px solid #4f4645;display:block;}
.caidan ul li a:nth-of-type(4){border-right:none;}
@media screen and (max-width: 320px){
    .caidan ul li {
        width: 33.3%;
        
    }
  .caidan ul li a:nth-of-type(3){border-right:none;}
    #footer li b {
        font-size: 14px;
    }
    .jiapic ul li .bob{
        margin: 0 10px;
    }
}
/***topmenus end***/