.sub_page{padding: 80px 0 100px}

.f17{font-size: 17px;font-size: 1rem;}
.f24{font-size: 24px;font-size: 1.412rem;}

.bg-brown{background: #6d534d;color: #fff}
.bg-black_w{border:1px solid #535353; color: #535353}

.company .group{border-top: 1px solid #ccc;padding: 80px 0;}
.cont-st1{position: relative; padding-left: 440px;}
/* .cont-st1 > *{display: table-cell;vertical-align: top;} */
.cont-st1 .tit{width: 440px; position: absolute;left: 0;top:0}
.company .group:first-child{border-top: 0; padding-top: 0;}
.company .group.directions{padding-bottom: 0;}

.company{font-size: 1.059em;}
.company .tit{font-size: 1.111em; color: #6d534d}
.company .tit .t{font-size: 1.800em; color: #111}
.company .tit .txt{margin-top: 1em;}
.company .sign{margin-top: 30px; color: #000}
.company .sign img{display: block;margin-top: 14px;}
.history_w .cont{position: relative;padding-left: 480px;}
.history_w .l{position: absolute;width: 400px;height: 500px;left: 0;bottom: 0; background: url('../img/company/history1.jpg') center center no-repeat; background-size:cover}
.history_w .r .top{font-size: 1.333em; margin: 40px 0 30px;display: block; position: relative; line-height: 1.15;}
.history_w .r .top:before{position: absolute;left: -140px;width: 110px;height: 1px;background: #6d534d;content: '';top: 20px}
.history > li{position: relative; padding-left: 3.5em; margin-top: .3em;}
.history > li:first-child{margin-top: 0;}
.history .year{position: absolute;left: 0;top:0; color: #232323}

.company .item_w{display: -webkit-flex;
display: -ms-flex;
display: flex;flex-wrap:wrap;text-align: center;margin: 0 0 -40px -4%; word-break: keep-all;}
.company .item_w > li{float: left;width: 21%; margin: 0 0 40px 4%;}
.company .item_w .t{font-size: 1.333em;}
.company .item_w .ex{font-size: 17px; font-size: 1rem; margin-top: 10px;}

.company .item_w .img{margin-bottom: 10px;}
.company .item_w img{display: block;margin: 0 auto;}

.location .item{border-top: 3px solid #232323; padding-left: 287px;
    position: relative;margin-top: 40px; word-break: keep-all;}
    .location .item:first-child{margin-top: 0;}
.location .item .l{position: absolute;left: 0;top:0; padding-top: 3.529em; width: 280px}
.location .item .r{padding-top: 8px;}
.location .item .label{position: absolute;left: 0;top:-1px;background: #232323; color: #fff;text-align: center;line-height: 30px;width: 200px;display: block;}
.location .map{position: relative;padding-bottom: 65.5%;overflow: hidden;}
.location .map iframe{position: absolute;left: 0;top:0;width: 100%;height: 100%;display: block;}
.location .add{line-height: 1.35;font-weight: 700;}
.location .tel{font-size: 17px;font-size: 1rem; margin-top:1.15em;}

.tit-goods{position: relative; margin-bottom: 50px;}
.tit-goods .bbs-sch{position: absolute;width: 440px;;left: 50%; margin-left: -220px; top: 0;height: 60px; padding-right: 105px;}
.tit-goods .bbs-sch input{width: 100%;padding: 0 1em;height: 100%}
.tit-goods .btn-sch{position: absolute;right: 0;bottom: 0;width: 105px;height: 100%;}
.tit-goods .bbs-total{position: absolute;right: 0;top: 30%}
.tit-goods .tit{font-size: 36px; color: #232323}
.goods-list{margin: 0 0 -50px -1.5%;}
.tit-com{margin-bottom: 40px; text-align: center;}
.tit-com .t{font-size: 2.118em; line-height: 1.15; margin-bottom: 0.556em; color: #232323  }
.agree_box{background: #f1f1f1;padding: 1em; height: 135px; overflow-y: auto}
.goods-list > li{float: left; width: 31.833333333333%;margin: 0 0 50px 1.5%;}
.goods-list .item{position: relative;}
.goods-list .item a{display: block; position: relative; transition: all ease-in-out .3s}
.goods-list .img{position: relative; background: #000; transition: all ease-in-out .3s}
.goods-list .img img{display: block;width: 100%;}
.goods-list .item:hover img{opacity: .7}
.goods-list .item:hover .more{opacity: 1}
.goods-list .cont{margin-top: 30px;text-align: center;}
.goods-list .cont .t{font-size: 1.471em; margin-bottom: 0.800em; display: block; color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.goods-list .cont .txt{height: 3em;
    overflow: hidden;
    display: block;}
.goods-list .more{position: absolute;left: 0;right: 0;bottom: 0;top:0;margin: auto; width: 67px; height: 67px; background: url('../img/main/more.png') center center no-repeat; background-size: 100%; opacity: 0;transition: all ease-in-out .3s}

.paging_w{margin-top:100px;font-weight: 700;}
.paging_w ul{font-size: 0;text-align: center; color: #666}
.paging_w li{font-size: 14px;display: inline-block;vertical-align: middle;border:1px solid #ddd; margin-left: -1px;background: #f9f9f9}
.paging_w .active{background: #000; color: #fff}
.paging_w a{display: block;width: 40px;height: 40px;line-height:40px;}
.paging_w .arrow{background: #f9f9f9 url('') center center no-repeat; border-color: #bbb; position: relative;}
.paging_w .arrow a{white-space: nowrap;overflow: hidden;text-indent: -999px;}
.paging_w .first{background-image: url('../img/bbs/first.gif'); border-radius: 5px 0 0 5px}
.paging_w .prev{background-image: url('../img/bbs/prev.gif')}
.paging_w .next{background-image: url('../img/bbs/next.gif')}
.paging_w .last{background-image: url('../img/bbs/last.gif'); border-radius: 0 5px 5px 0}

.btn-st1_w{text-align: center; margin-top: 40px;}
.btn-st1{font-size: 1.059em; width: 11.000em; line-height: 3.529em; text-align: center; display: inline-block; margin: 0 5px; max-width: 44%}
.btn-st1_w > * {vertical-align: middle;}

.form-st1{border-top: 1px solid #000;}
.form-st1 .item{display: table; width: 100%; border-bottom: 1px dotted #ccc;}
.form-st1 .item > *{display: table-cell;vertical-align: middle;}
.form-st1 .t{width: 180px; padding:30px 1em; background: #f7f7f7 ;text-align: center;}
.form-st1 .cont{padding: 30px 1em;}
.form-st1 input[type="text"]{height:40px; width:100%; padding:0 1em; max-width:400px}
.form-st1 input[type="text"].long{max-width:100%}
.form-st1 textarea{width: 100%;height: 380px; display: block; padding: 1em}

.agreebox_w{margin: 10px 0 30px 0;}
.agreebox_w .agree{margin-top: 10px;}
.agreebox_w .agree label{margin-left: 5px;}

.required{text-align: right; margin-bottom: .7em;}

.bbs-photo{margin: 0 0 -40px -1.5%; display: -webkit-flex;
display: -ms-flex;
display: flex; flex-wrap:wrap}
.bbs-photo > li{float: left; width: 31.833333333333%;margin: 0 0 40px 1.5%;}
.bbs-photo .item{position: relative;}
.bbs-photo .item a{display: block; position: relative; transition: all ease-in-out .3s}
.bbs-photo .img{position: relative; background: #000; transition: all ease-in-out .3s;    overflow: hidden;
    padding-bottom: 56%;}
.bbs-photo .img img{display: block;width: 100%;position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;}
.bbs-photo .item:hover img{opacity: .7}
.bbs-photo .item:hover .more{opacity: 1}
.bbs-photo .cont{margin-top: 1.15em;text-align: center; font-size: 1.059em;}
.bbs-photo .more{position: absolute;left: 0;right: 0;bottom: 0;top:0;margin: auto; width: 67px; height: 67px; background: url('../img/main/more.png') center center no-repeat; background-size: 100%; opacity: 0;transition: all ease-in-out .3s}

.bbs-view{border-top: 1px solid #ccc;}
.bbs-view .top{border-bottom: 1px solid #ccc; padding: 30px 20px; position: relative;line-height: 1.15;}
.bbs-view .top .tit{font-size: 1.176em; float: left; color: #111;float: left; font-weight: 400;}
.bbs-view .date{float: right;}
.bbs-view .cont{border-bottom: 1px solid #ccc; padding: 50px 0 80px; text-align: center;}

.prev_next{line-height: 5.118em;margin-top:3.529em;font-weight: 400;border-bottom: 1px solid #ccc;}
.prev_next dl{position: relative;padding-left: 10.588em;;border-top: 1px solid #ccc}
.prev_next dt{width: 10.588em;text-align: center; position: absolute;left: 0;top:0;height: 100%;background: #f1f1f1; color: #111}
.prev_next dd{padding: 0 30px}
.prev_next dd a{display: block;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;display: block;}
.prev_next .prev{margin-top: 0;}
.prev_next a:hover{text-decoration: underline;}
.privacy{font-size: 1.059em; display: -webkit-flex;
display: -ms-flex;
display: flex;flex-wrap:wrap;margin: 40px 0 -3% -3%;text-align: center; word-break: break-all; line-height: 1.8;}
.privacy .t{font-size: 1.167em;display: block; margin-bottom: 1.5em;}
.privacy .item{padding: 50px; border:1px solid #ccc; float: left; width: 47%; margin: 0 0 3% 3%;}


.terms{border-bottom: 1px solid #ccc; font-size: 1.059em;}
.terms .group{ display: table; width: 100%;  padding: 50px 0;border-top: 1px solid #ccc;}
.terms .group > *{display: table-cell;vertical-align: top;}
.terms .group .t{width: 200px;font-size: 1.167em;}
.terms .cont{line-height: 1.8;}

.goods-view .top{margin-bottom: 100px;}
.goods-view .top > .l{float: left; width: 43%}
.goods-view .top > .l img{display: block; width: 100%}
.goods-view .top > .r{float: right; width: 52.5%}
.goods-view .r .tit .t{font-size: 2.118em; color: #232323; line-height: 1.15; margin-bottom: 20px;}
.goods-view .r .tit{margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ccc;}
.goods-view .r .etc .t{display: block; font-size: 1.176em; margin-bottom: .7em;color: #232323;font-weight: 400;}

.goods-view .slick-dots{margin-top: 30px;}
.goods-view .slick-dots li{width: 12px;height: 12px;background: #b7a9a6;border-radius: 50%;margin: 0 15px;}
.goods-view .slick-dots .slick-active{background-color: #6e524e;}

.tabs-goods{text-align: center; margin-bottom: 60px;border-bottom: 1px solid #ccc;}
.tabs-goods > li{float: left;}
.tabs-goods a{display: block; padding: 10px 30px;position: relative;}
.tabs-goods .active{color: #232323}
.tabs-goods .active a:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 3px; background: #232323;content: ''}
.tabs-goods-bot {margin-top: 60px; border-top: 1px solid #ccc;}
.tabs-goods-bot ul li {padding-top: 50px; text-align: center;}
.tabs-goods-bot ul li a .btn-st1{font-size: 1.059em; width: 11.000em; line-height: 3.529em; text-align: center; display: inline-block; margin: 0 5px; max-width: 44%;}
.tabs-goods-bot ul li a .bg-brown {background: #6d534d; color: #fff;}