@import url("../../images/icon/iconfont.css");

body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;color:#333333;}
html {overflow-y:scroll;overflow:-moz-scrollbars;font: 14px/1.5em arial,'Microsoft Yahei', '微软雅黑',sans-serif;color:#333333; }
html,body { height:100%;width:100%;  }
h1,h2,h3,h4,h5,h6,big,small {font: 14px/1.5em arial,'Microsoft Yahei', '微软雅黑',sans-serif;color:#333333;}
em,i{font-style:normal;}
ul,ol{list-style-type:none}
* {box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
img{border:0;vertical-align:top;}
h1,h2,h3,h4,h5,h6 {font-size:14px; font-weight:normal;}
a {color:#462a1e;text-decoration: none;}
a:hover{color:#c00;text-decoration: none;}
input,button {outline: none;}
.clearfix:after{content:'\20';display:block;height:0;clear:both}
.ell {text-overflow:ellipsis; white-space:nowrap;overflow:hidden;}
.yj {-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
#body{ height:100%;width:100%; display: block;overflow-x: hidden;transition: transform 1s; -webkit-transition: -webkit-transform 1s; }
.main { width:640px; margin:0 auto;  }
@media (max-width: 640px) {
  .main  {width:100%;}
}
.showNav {
    transform: translateX(50%);
    -webkit-transform: translateX(50%);
}
.navshow {
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
}


/* 导航 */
.toplogo,.toplogo-close {height:50px;background: #45251a; padding:10px 10px;position: fixed;top:0;left:0;z-index: 96;width:100%;transition: transform 1s; -webkit-transition: -webkit-transform 1s;}
.toplogo .nav-btn,.toplogo-close .nav-close {float:left;height:24px;width:40px;color:#fff;font-size: 24px;text-align: center;line-height: 24px;}
.toplogo .search-btn,.toplogo-close .search-btn {float:right;height:24px;width:40px;color:#fff;font-size: 24px;text-align: center;line-height: 26px;}
.toplogo h1,.toplogo-close h1 {display: block;float: left;width: calc( 100% - 80px );text-align: center;padding-top:5px;color:#fff;font-size: 18px; line-height:20px;}
.toplogo h1 img,.toplogo-close h1 img {display: block;height:20px;margin: 0 auto;}
.topbg {height:50px} 

.nav,.navsearch {width:50%; height:100%;  position:fixed; z-index: 99;top:0; left:-50%; transition: transform 1s; -webkit-transition: -webkit-transform 1s;}
.nav ul,.navsearch ul {display: block; width:100%;height:100%; background: #f7f7f7;box-shadow:-5px 0px 10px #ddd inset; }


.nav li {height:51px;line-height: 50px;text-align: center;border-bottom: 1px solid #ddd;font-size: 16px;}
.nav li a{display: block;}
.nav li input {border:0;height:34px; width:90%;font-size: 16px; padding:0 10px;}
.nav li em {color: #000;display: block;cursor: pointer;font-size:18px; line-height:50px;width:50px;text-align: center;margin:0 auto;}


/* 版权 */
.copy { background: #452110; padding:20px;}
.copy .contact { border-bottom: 1px solid #5f2d16; padding-bottom: 20px; }
.copy .contact ul {height:58px;padding-top: 10px;}
.copy .contact li {float: left;width:16.66%;position: relative;}
.copy .contact li>a {display: block;width: 38px;height:38px; font-size: 20px; text-align: center;color:#fff;line-height: 38px; background: #907467;-moz-border-radius:50%;-webkit-border-radius:50%; border-radius:50%;margin:0 auto;}
.copy .contact li>a>img {display: block;margin: 0 auto;width:70%;padding-top:15px;}

.copy .contact div {display:none;position: absolute;bottom:40px;left:calc(50% - 88px);}
.copy .contact div span {border:1px solid #ead7ce;border-bottom: 0;display: block;width:177px;padding:20px 20px 18px 20px;background:#fff;}
.copy .contact div em {display: block;background:url(../../images/bottom.png) no-repeat center top;height:18px;}
.copy .contact div img {width:100%;}
.copy .copyright { border-top: 1px solid #241108; padding-top:15px;color:#b4a39c;text-align: center;line-height: 24px;font-size: 12px;}
.copy .copyright a {color:#b4a39c;}




.swiper-container {
	width: 100%;
	height: calc(100% - 51px);
}

.swiper-button.index-swiper-button {width:100%;position: relative;height:50px;background: #fff; bottom:50px;left:0;}
.swiper-button-next.index-next {line-height:14px;font-size:14px;width:100%;height:50px; text-align: center;background: #fff;right:0;color:#e9dfdc; }
.swiper-button-next.index-next em {display: block;color:#e9dfdc;font-size: 30px;line-height: 30px;overflow: hidden;transform: scale(2,1);}

.index-pagination-bg {
	position: absolute;z-index:3;right:10px;top:50%;transform: translate3d(0,-50%,0);
	width:28px;height:188px;background: #666; filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6; -moz-border-radius:14px;-webkit-border-radius:14px; border-radius:14px;
}
.swiper-container-vertical>.swiper-pagination.index-pagination {
	width:28px;height:188px;z-index:4;
}

.swiper-pagination.index-pagination .swiper-pagination-bullet {
	
	width:18px; padding:3px 2px;height:18px; margin:24px auto;line-height: 11px;background: transparent url(f-off.png) no-repeat center center;background-size: 18px;  text-align: center;
	filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;    transition: transform 1s;
}
.swiper-pagination.index-pagination .swiper-pagination-bullet-active {
	border:1px solid #fff; padding:2px 2px;background: transparent url(f-on.png) no-repeat center center;background-size: 18px;
}


/* 首页 */
.index-banner {padding:10px 10px 10px 10px; }
.index-banner img {width:100%;display: block;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
.swiper-pagination.banner-pagination .swiper-pagination-bullet {
	width:12px; height:12px; border:1px solid #fff;background: transparent; filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;
}
.swiper-pagination.banner-pagination .swiper-pagination-bullet-active {
	border:1px solid #9a5036; background:#9a5036;
}

.index-new h2 { background:#fff url(../../images/index-newproduct.png) no-repeat center center; background-size:auto 40px; height:90px;}
.index-newproduct {position: relative;padding:0 10px 50px 10px;}

.newproduct .swiper-slide {text-align: center;padding:10px;}
.newproduct .swiper-slide a {display: block;margin:0 auto;width:100%;height:0;padding-bottom:48%;overflow: hidden;}
.newproduct .swiper-slide a img {width: 100%;}

.newproduct .swiper-slide a span {color:#000; text-align: center;overflow: hidden;padding:0 15px;height:24px;line-height: 24px;}
.swiper-button.newproduct-swiper-button {bottom:-20px; position: relative;}
.swiper-button-prev.newproduct-prev,.swiper-button-next.newproduct-next {
	border: 1px solid #BD8D74;background: #fff; line-height:36px;font-size: 24px;width:38px;height:38px; text-align: center; color:#BD8D74; -moz-border-radius:50%;-webkit-border-radius:50%; border-radius:50%;
}
.swiper-button-prev.newproduct-prev {left:10px;}
.swiper-button-next.newproduct-next {right:10px;}
a.index-btn {width:180px;height:32px;font-size: 16px;font-weight: 100; letter-spacing: 4px; margin:20px auto 0px auto;border:1px solid #cda898;text-align: center;line-height:30px;color:#cda898;display: block;}



.index-product {}
.index-product h2 { background: url(../../images/index-product.png) no-repeat center center; background-size:auto 40px; height:90px;}
.index-cate { height:32px; line-height: 30px; margin: 0 20px; }
.index-cate li {float:left;cursor: pointer;  width:30%; font-size: 16px; border:1px solid #ccbbb3;text-align: center;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
.index-cate li+li {margin-left:5%;}
.index-cate li.on { background: #45220f;color:#fff; border:1px solid #45220f;}
.index-pro-in {display: none;}
.index-pro-in.on {display: block;}

.index-pro {padding:20px 20px 0px 20px;}
.index-pro li {float: left; overflow: hidden; margin-left:4%; width:48%; }
.index-pro li:nth-child(2n+1) {margin-left:0;}
.index-pro li a {display: block;width: 100%;}
.index-pro li a img {width: 100%;display:block;}
.index-pro li a span {display:block;height:30px;line-height:30px;  color:#675048; text-align: center;overflow: hidden;padding:0 15px;}


.index-seban {  }
.index-seban h2 { background: url(../../images/index-seban.png) no-repeat center center; background-size:auto 40px; height:90px;}
.index-cate-seban { height:32px; line-height: 30px; margin: 0 20px; }
.index-cate-seban  li {float:left;cursor: pointer;  width:30%; font-size: 16px; border:1px solid #ccbbb3;text-align: center;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
.index-cate-seban  li+li {margin-left:5%;}
.index-cate-seban  li.on { background: #45220f;color:#fff; border:1px solid #45220f;}
.index-seban-in {display: none;}
.index-seban-in.on {display: block;}
.index-seban-div {padding:20px 20px 0px 20px;}
.index-seban-div li {float: left; overflow: hidden; margin-left:4%; width:48%; }
.index-seban-div li:nth-child(2n+1) {margin-left:0;}
.index-seban-div li a {display: block;width: 100%;}
.index-seban-div li a img {width: 100%;display:block;}
.index-seban-div li a span {display:block;height:30px;line-height:30px;  color:#675048; text-align: center;overflow: hidden;padding:0 15px;}

.index-check { }
.index-check h2 { background: url(../../images/index-check.png) no-repeat center center; background-size:auto 40px; height:90px;}
.index-check img {display: block;margin:0 auto;width: 55%; }

.banner-in {padding:10px; }
.banner-in img {display: block;width: 100%;}
.noresult {text-align: center;height:300px;line-height: 300px;}
.page {height:80px;padding:20px 0;margin:0 auto;text-align: center;}
.page li {display: inline-block;width: 40px;height:40px;line-height: 40px;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;overflow: hidden;}
.page li a {background: #dcdcdc;color:#000;display: block;}
.page li.on a,.page li:hover a {background: #46210f;color:#fff;display: block;}

/*新品*/
.new {padding:10px 0 0 0;}
.newdate {margin:0px 10px 20px 10px;height:36px;position: relative;}
.newdate-select {height:36px; line-height: 34px; font-size: 14px; cursor: pointer; padding:0 10px;  border:1px solid #ddd; width:100%;}
.newdate-select em {display: block;float: right;color: #ccc;font-size:16px;}
.newdate ul {display:none; position: absolute;width:100%;background: #fff;border: 1px solid #ddd;border-top: 0;top:30px;padding:10px;z-index:3;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
.newdate ul li {height:30px;line-height:30px;float:left;width:50%;}

.newdate ul.on {display:block;}

.newlist  { padding:0px 10px 20px 10px;}
.newlist li {overflow: hidden;  }
.newlist li a {display: block;}
.newlist li a img {width: 100%; display:block ;}
.newlist li a span {display:block ;height:30px;line-height:30px;  text-align: center; overflow: hidden;padding:0 15px;}


/*产品分类*/
.cateshow {position:fixed;right:10px;top:48%;}
.cateshow a {display: block;width:38px;height:38px;line-height: 36px;text-align: center;font-size: 22px;color:#666;  border:1px solid #ddd;background: #fff;-moz-border-radius:50%;-webkit-border-radius:50%; border-radius:50%;
	box-shadow:0px 0px 10px #666;
}
.pro-cate { height:32px; line-height:30px; margin:10px 10px; }
.pro-cate li {float:left;cursor: pointer; width:30%; font-size: 16px; border:1px solid #ccbbb3;text-align: center;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
.pro-cate li+li  {margin-left:5%;}
.pro-cate li.on { background: #45220f;color:#fff; border:1px solid #45220f;}
.pro-cate li.on a{color:#fff;}

.prolist { padding:10px 10px 20px 10px;}
.prolist li {float: left; overflow: hidden;margin-left:4%;width:48%; }
.prolist  li:nth-child(2n+1) {margin-left:0;clear:left;}
.prolist  li a {display: block;}
.prolist  li a img {width: 100%; display:block ;}
.prolist  li a span {display:block ;height:30px;line-height:30px;  text-align: center; overflow: hidden;padding:0 15px;}

.prolist1 { margin-top:20px; padding:0px 0px 0px 0px;border-top: 1px solid #f3ebe9;}
.prolist1 li {padding:10px 10px;border-bottom: 1px solid #f3ebe9;}
.prolist1 li a.img {display: block;float: left;width:33%;}
.prolist1 li a.img img {width: 100%;}
.prolist1 li div {float:right;width:63%;}
.prolist1 li div a {display: block;font-weight: 700;color:#000; padding-bottom: 10px;}
.prolist1 li div span {color:#999;}

.productlist {display: none;}
.productlist.on {display:block;padding-bottom: 40px;}
.sebanlist {display: none;}
.sebanlist.on {display:block;padding-bottom: 40px;}
.pro-pic {padding:10px;}
.pro-piclist .swiper-slide img {width:100%;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}

.pro-info { }
.pro-info h1 { border-bottom: 1px solid #f2ebe9;line-height:28px;font-size: 18px;color:#000; padding:10px 0;}
.pro-info ul {padding-top:22px;  }
.pro-info ul li{float:left;width:50%; line-height: 30px; font-size: 14px;background:url(../../images/prodot1.png) no-repeat 0 9px; padding-left:25px;}
.pro-info ul li.full{width:100%;}

.pro-content { border-top:1px solid #eee;padding:20px;background: #fffbf8;}
.pro-content img {max-width:100%;}
.pro-content  ul.info {border-top:1px solid #eee;border-left:1px solid #eee;margin-bottom: 40px;}
.pro-content  ul.info li table {border:0;width:100%;border-collapse:collapse;border-spacing:0;}
.pro-content  ul.info li table tr td { padding:0 10px;border-right:1px solid #eee;border-bottom:1px solid #eee; height:60px;}
.pro-content  ul.info li table tr td:first-child {  white-space:nowrap;width:120px; }
.pro-content  ul.info li+li table+table+table+table tr td {height:121px;}
.pro-content  ul.info li+li table+table+table+table+table tr td {height:60px;}


.join { padding:10px 0;}
.join h1 {height:80px;padding:20px 0;text-align: center;font-size: 22px;border-bottom: 1px solid #f3ebe9;}

.join-nav {height:72px;padding:20px 10px;border-bottom: 1px solid #f3ebe9;text-align: center; line-height: 32px;}
.join-nav li {float:left;cursor: pointer; width:30%; font-size: 16px; border:1px solid #ccbbb3;text-align: center;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
.join-nav li+li  {margin-left:5%;}
.join-nav li.on { background: #45220f;color:#fff; border:1px solid #45220f;}

.join-content  {display: none; padding:25px 10px;line-height: 2em;font-size: 14px; border-bottom: 1px solid #f3ebe9;min-height: 300px; }
.join-content.on {display: block;}
.join-content img {width:100%;}
.saler { padding:0px 0;}

.saler-nav {height:60px;padding:0 10px;}
.saler-nav li {width:50%;border-bottom: 2px solid #ddd;float:left;height:60px;line-height: 58px;text-align: center;font-size: 18px;}
.saler-nav li.on { border-bottom: 2px solid #45220f;}
.saler-type {display: none;}
.saler-type.on {display:block;}

.saler-div {padding:20px 10px 20px 10px;}

.saler-form {border-bottom: 1px solid #f3ebe9;height:56px;}
.saler-form>li {width:80px;height:36px;float:right;}
.saler-form>li:first-child {width:calc( 100% - 100px );float: left;}
.saler-form>li input { height:36px;border:1px solid #ebe7e6;width: 100%;padding:0 10px;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
.saler-form>li button { height:36px;border:0;width:80px; background: #45251a;color:#fff;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
.saler-form li.saler-select {position: relative;cursor: pointer;}
.saler-form li.saler-select div {height:36px;border:1px solid #ebe7e6;width: 100%;padding:0 10px;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;line-height:34px;}
.saler-form li.saler-select div span{display: block;width: calc(100% - 20px);float:left;}
.saler-form li.saler-select div em {display: block;float: right;}
.saler-form li.saler-select ul{display:none;width:100%;position: absolute;border:1px solid #ebe7e6;border-top:0; padding:0 10px 20px 10px; background: #fff;top:34px; -moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;}
.saler-form li.saler-select ul.on {display: block;z-index:90;}
.saler-form li.saler-select ul li {height:30px;line-height: 30px;border-bottom: 1px solid #ebe7e6;}
.saler-form li.saler-select ul li:hover {color:#f00;}

.saler-result { padding-top: 20px;min-height: 300px;}
.saler-result .img{float:left;width:38%;padding-top:5px;}
.saler-result .img img {width:100%;}
.saler-result ul {float:right;width:58%;position: relative; }
.saler-result ul li  {color:#333;}
.saler-result ul li span {display: inline-block;line-height:24px; color:#000;margin-right: 10px;}


.about {padding-top:0px;}
.about .main {padding:20px 0;}
.about1 .main {border-top: 1px solid #f3ebe9;}
.about2 {background: #fffbf8;}
.about h1 { height:60px; display:block;margin:0 auto;width:170px;overflow: hidden;}
.about h1 strong {display: block;float: left;width:40px;height:40px;font-size:36px;line-height:36px;font-weight:100;}
.about h1 span {display: block;float:left;font-size: 20px; line-height:24px;}
.about h1 span em {display: block;font-size: 12px;line-height:16px;}
.about-content {font-size: 16px;line-height:28px;padding:10px;}
.about-pic {padding:10px;}
.about-pic img {display: block;width:100%;}


.fangweiform {text-align:center;width:490px;margin:0 auto;}
.fangweiform div {padding:15px 0;}
.fangweiform strong {font-size:20px;font-weight:700; display:inline-block; line-height:50px }
.fangweiform input { width:330px;height:40px;background:#e89583; padding:0 10px;-moz-border-radius:15px;-webkit-border-radius:15px; border-radius:15px;color:#000;border:0; display:inline-block; margin:0;box-sizing: border-box;}
.fangweiform button { color:#fff; background:#000; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;border:0;padding:6px 15px;cursor:pointer;font-size:18px;}
.fangweiform button:hover {background:#333; }
.fangweiform span {padding:0 15px;line-height:30px;color:#666;}
.result {width:710px;background:#e89583; -moz-border-radius:15px;-webkit-border-radius:15px; border-radius:15px;color:#000;margin:0 auto;font-size:20px;font-weight:100;}
.result span {line-height:190px;text-align:center;display:block;height:190px; }
.result ul { padding:50px 0;}
.result ul li {line-height:32px;}
.result ul li.title {float:left;width:240px;text-align:right;height:90px;}
.result ul li.msg {float:left;width:340px;text-align:left;}
.result ul li input {border:0;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;height:30px;padding:0 5px;margin:5px 0;}
.result ul li button {color:#fff; background:#000; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;border:0; padding:6px 15px;cursor:pointer;font-size:18px;margin:10px 0 10px 60px;}