
  html{background:#f7f7f7}
  .loading{position:fixed;top:0;z-index:51;z-index:99999;display:none;width:100%;height:100%;max-width:640px;min-width:320px}
  .loading img{display:none;height:100%;}
  .loading #showNext{position:absolute;top:1rem;right:1rem;z-index:99;display:none;padding-right:1rem;padding-left:1rem;border:.05rem solid #333;border-radius:5%;color:#333;text-align:center;line-height:1.8rem}
  .homeShow{animation:fade .8s ease both;-webkit-animation:fade .8s ease both}
  @-webkit-keyframes fade{from{display:block;opacity:1}
  to{display:none;height:0;opacity:0}
  }
  @keyframes fade{from{display:block;opacity:1}
  to{display:none;height:0;opacity:0}
  }
  .fade{-webkit-animation-name:fade;animation-name:fade}


  @charset "utf-8";
/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body{ font-size:1.2rem;font-family:"Microsoft JhengHei",Verdana,Arial,Helvetica,sans-serif; padding-top:1px; background:#fff;overflow-x:hidden;max-width: 640px;min-width:320px;margin: 0 auto;}
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a { text-decoration:none;font-family:"Microsoft JhengHei";color: #333;}
a:hover { cursor:pointer; text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0;}
a img { border:none; }
input,textarea{ border:none;font-family:"Microsoft JhengHei"; font-size:1.2rem;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:1.5rem;}
h2,h2 a{color: #333;display: block;}
.fl{float: left;}
.fr{float: right;}
/* -- 页面整体布局 -- */
.wrap{ min-width:320px; max-width:640px; margin:0 auto; overflow:hidden; position:relative;margin-top: -0.05rem;background: #fff;} /*网站首页宽度*/
.wrap img{display:block;width:100%;}



/*头部*/
.g-hd{height:6.5rem;position: relative;background: #fff;}
.g-hd img{display: block;width: 100%;}
.g-hd .logo{float: left;width:73.91%;margin-left:3.69%;margin-top:1rem;}
.g-hd .logo img{width:100%;}
.g-hd .nav{float: left;margin-top:2.75rem;width: 50%;margin-left: 7%;}
.g-hd .nav li{float: left;font-size:1.5rem;line-height: 1.5rem;margin-right: 6%;}
.g-hd .nav li:last-of-type{margin-right: 0;}
.g-hd .nav li a{color: #333;display: block;}
.g-hd .m-nav2{float: right;width:7.03%;margin-top:2.6rem;margin-right:4.69%;position: relative;}
.g-hd .m-nav2 .oo1{position: absolute;right: 0;top: 0;width: 100%;z-index: 1;display: none;}
#menu{display: none; position: absolute; right: 0; top:5.5rem; width: 100vw; height: calc(100vh - 4.5rem); background:url(../images/menu-bg.jpg) no-repeat center; z-index: 100; text-align: center;background-size: cover;box-sizing: border-box;max-width: 640px;overflow: hidden;}
#menu p{width: 94%;margin: 1.15rem auto 0;background: rgba(255,255,255,0.8);text-align: center;height:95.5%;}
#menu p a{font-size: 1.1rem;line-height: 3rem;height: 3rem;border-bottom: 1px dotted #ccc;display: block;}
#menu em a{display: block;width: 14rem;height: 3.5rem;line-height: 3.5rem;background:#bc8c75 url(../images/menu-tel.png) no-repeat 3.1rem center;margin: 2rem auto 4rem;background-size: 1.8rem 1.65rem;border-bottom: none;color: #fff;text-indent: 2rem;border-radius: 2rem;}


.pro .title{margin-bottom:2rem;}
    .pro h3 span {
    float: left;
    overflow: hidden;
    width: 22%;
    margin-bottom: 1rem;
    height: 3.2rem;
    line-height: 3.2rem;
    text-align: center;
    font-size: 1.1rem;
    color: #232323;
    background: #eaeaea;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
    margin-right: 4%;
}
.pro h3 span:nth-child(4n) {
    margin-right: 0;
}
.pro h3 span.cur {
    background: #bc8c75;
    border-color: #bc8c75;
    color: #fff;
}
.pro_erji {
    background: #e0e0e0;
    padding: 1rem;
    line-height: 2.2rem;
}
.pro_erji a {
    font-size: 1.2rem;
    color: #666;
    width:32%;
    display: inline-block;
    margin-right: 1.9%;
}
.pro_erji a:nth-child(3n) {
    margin-right: 0;
}
.pro_con dd {
    background: #eaeaea;
    padding: 1.1rem;
}
.pro_con dd h4 {
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: #232323;
    padding: 1.2rem 0 0.5rem;
}


/*首页底部*/
.foot-t{background: #3c2c27;padding-bottom: 2.5rem;margin-bottom: 3.5rem;}
.foot-t .top{width: 4rem;margin: 0 auto;position: relative;top: -2rem;margin-bottom: -0.5rem;}
.foot-t .top img{width: 100%;}
.foot-t p{text-align: center;color: #fff;line-height: 1.2rem;font-size: 1.2rem;}
.foot-t p a{color: #fff;margin: 0 0.75rem;}
.foot-t em{display: block;text-align: center;color: #fff;opacity: 0.6;margin-top: 1rem;}
.foot-t em span{margin-left: 1.2rem;}
.foot-b{background: #fff;overflow: hidden;position: fixed;bottom: 0;z-index:99;width: 100%;max-width: 640px;min-width:320px;box-sizing: border-box;border-top: 2px #bc8c75 solid}
.foot-b ul{display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between;}
.foot-b ul li{width: 25%;text-align: center;line-height: 5.5rem;height: 5.5rem;}
.foot-b ul li img{display: inline-block;width: 1.3rem;vertical-align: middle;margin-right: 0.4rem;}
.foot-b ul li span{display: inline-block;vertical-align: middle;font-size: 1.1rem;line-height: 1.1rem;color: #333;}
.foot-b ul li:last-of-type img{width: 1.5rem;}

