@charset "utf-8";
/* CSS Document */
.ban{ width:100%; position:relative; top:-100px;}
.ban img{ width:100%; display: block;}
@media screen and (max-width:768px){
.ban{ width:100%; position:relative; top:0;}
}
.banner{ width:100%; position:relative;}
/*banner*/
/*banner*/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  min-width:1280px;

  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
 
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  min-height:360px;
  }
.slide_container {
 
  position: relative;
  float: left;
  width: 100%;
  }
.slide_container .prev{ z-index:99;}
.slide_container .next{ z-index:99;}
.slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: -0 0 0;
  }

.slide li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }
  
 .slide img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.slide .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }
  
 .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  margin-left:5%;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../images/themes.png") no-repeat left top;
  margin-top: -45px;
  }

.slide_nav:active {
  opacity: 1.0;
  }

.slide_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  margin-right:5%;
  }
.cbg{ background:#6b544d; height:auto; padding:34px 0; margin-top:-100px;}
.cbg .cct{ width:60%;}

.cbg .cct h4{ font-size:1.75em; color:#fefefe; font-weight:bold}
.cbg .cct span{ font-size:1em; color:#fefefe; font-weight:bold; display:block; margin-bottom:1em;}
.cbg .cct p{ font-size:1em; color:#fefefe}
.cct .ctel{ background:url(../images/tel.png) left center no-repeat; padding-left:56px; margin-top:16px;}
.cct .ctel em{ display:block; font-size:1em; color:#fefefe;}
.cct .ctel font{ font-size:1.5em; color:#fefefe; font-weight:bold}

.cwx{ margin-top:50px; width:40%; text-align:right;}
@media screen and (max-width:768px){
.cbg{ background-size:cover; height:270px; margin-top:0}
.cbg .cct{ width:100%;}
.cbg .cct h4{ font-size:1.5em; }
.cbg .cct span{ font-size:0.875em;}
.cbg .cct p{ font-size:0.875em; }
.cct .ctel em{  font-size:0.875em; }
.cct .ctel font{ font-size:1.125em; }

.cwx{ display:none;}
}
/*feed*/
.feed{ text-align:center; padding-top:45px;}
.feed .fzx{ font-size:2em; color:#474443; font-weight:bold; margin:0.5em 0;}
.feed .fww{ font-size:0.875em; color:#474443;margin:1em 0; display:block;}
.feed .tab p{ width:24%; float:left; text-align:left; margin:20px 1.3% 20px 0px;}
.contxt{ background:#FFF; border:1px solid #474443; padding:1%; width:98%; height:35px; color:#474443}
.btn{ border:1px solid #6b544d; background:#6b544d; color:#fff; font-family:"微软雅黑"; width:124px; height:36px; line-height:36px;-webkit-border-radius: 20px;-moz-border-radius: 20px; margin:30px 0; cursor:pointer}
.btn:hover{ background:#B39B77; color:#FFF;border:1px solid #B39B77;}
@media screen and (max-width:768px){
.feed .tab p{ width:100%;margin:20px 0 20px 0px;}
.contxt{ font-size:1em;}
.btn{ font-size:1em; width:140px; height:60px;}
}

.jbg{ width:100%; margin-top:30px; margin-bottom:80px}

.job{ text-align:center; padding-bottom:30px;}
.job-t{ margin-top:50px;}
.job-t p{ color:#6E4B40; font-weight:bold; line-height:2em; font-size:1.5em}
.job-t span{ font-size:0.875em; color:#333333; display:block; margin-bottom:1em;}
/*应聘需知*/

/*新闻资讯*/
.hidden{ display: none;}
.lanren{width: 100%;height: auto;margin:0 auto;overflow: hidden;text-align: left;padding:0px;}
.lanren .more{overflow: hidden;text-align: center; margin-left:-0px; height:39px; margin-bottom:20px; margin-top:30px}
.lanren .more a{display: block;width: 171px;color:#fff;margin:0 auto;background:#6b544d;text-align:center;  -webkit-border-radius: 30px;-moz-border-radius: 30px; text-decoration:none; height:39px; line-height:39px; font-weight:bold; transition:all 0.5s}
.lanren .more a img{ margin-bottom:-2px}
.lanren .more a:hover{background: #B39B77;color: #fff;}
.n-news{ padding:50px 0}
.lanren li{ width:30.33%; margin-bottom:30px; margin-right:4.5%; min-height:436px; float:left;}
.lanren li .ning{ width:100%; overflow:hidden;}
.lanren li .ning img{ width:100%; transition:all 0.8s; transform:scale(1)}
.lanren li:hover .ning img{ transform:scale(1.02)}
.lanren li .ncon{ margin:1em 0;  overflow:hidden;}
.lanren li .ncon h4{ font-size:1.25em; font-weight:bold; color:#332c3b;}
.lanren li .ncon p{ }
.lanren li .ncon span{ margin:0.75em 0; color:#ccc; display:inline-block;}
@media screen and (min-width:1700px){
.lanren li{  min-height:491px; float:left;}
}
@media screen and (max-width:768px){
.lanren li{ width:98%; margin:0 1% 30px;  min-height:auto; box-sizing:border-box; padding:10px; border:1px solid rgba(0,0,0,0.1); box-shadow:0 0 3px 3px rgba(0,0,0,0.1)}
.lanren li .ncon{ margin:1em 0; height:auto; overflow:hidden;}
.lanren .more{ height:50px;}
.lanren .more a{ height:auto; width:240px;height:50px; line-height:50px;}
}
/*新闻展示*/
.camnews{ height:48px; line-height:48px; color:#fff; background:#6b544d; font-size:1.2em; padding:0 30px; position:relative;}
.camnews a{ color:#fff;}
.camnews a.prevnews{ float:left; display:inline-block; width:45%; overflow:hidden; font-size:0.75em;}
.camnews a.nextnews{ float:right; display:inline-block; text-align:right;width:45%; overflow:hidden; font-size:0.75em;}
.camnews a.home{ background:url(../images/home1.jpg) center center no-repeat; z-index:99; position:absolute; display:block; width:27px; height:30px; left:48%; margin-left:13px; top:10px; line-height:999px; overflow:hidden;}
@media screen and (max-width:768px){
.camnews{ height:210px;}
.camnews a.prevnews{ float:none; display:inline-block; width:100%; overflow:hidden; font-size:0.75em;}
.camnews a.nextnews{ float:none; display:inline-block; text-align:left;width:100%; overflow:hidden; font-size:0.75em; margin-top:0.5em;}
.camnews a.home{ display:none}
}
/*相关新闻*/
.xgnews{margin:20px auto;}
.xgnews-tit{height:40px;line-height:40px;border-bottom:1px solid #CCC;padding-left:20px; font-size:1em;font-family:"微软雅黑"; color:#000;}
.xgnews-con{border-top:1px solid #CCC;border-top:none;padding:10px 20px;}
.xgnews-con li{width:25%;float:left;height:30px;line-height:30px;margin-right:20px; overflow:hidden;}
.xgnews-con li span{float:right; display:none;}
.xgnews-con li a{ padding-right:10px; color:#666}
.xgxx font{display:block;line-height:40px;font-size:16px;color:#291b0e;font-weight:bold;padding-top:20px;font-family:"微软雅黑"}
.xgxx font a{font-size:1em;color:#291b0e;font-weight:bold;}
.xgxx ul{display:block;width:330px;float:left;line-height:25px;height:25px;margin-right:20px;font-size:12px}
.xgxx span{font-family:"宋体";margin-right:5px}
@media screen and (max-width:768px){
.xgnews-con li{ width:100%; margin:1em 0 0;}
.xgnews-con li span{float:right; display:block;}
}

/*公司简介*/
.kk3{ background:none; height:auto; position:relative; z-index:2; padding:12px 0 32px; margin-top:-100px;}
.kk3 p{font-size:2em;  color:#332C2B;font-family:'tt0627m_';}
.kk3 span{font-size:1.375em; color:#332C2B;font-weight:bold; display:block; margin-top:-5px;}

.sll{ background:url(../images/sll.jpg) center top no-repeat; height:auto; margin-top:-20px; padding:150px 0 150px}
.cpof{ width:87%; margin:0 auto}
.cpof p{font-size:2em;  color:#fff;font-family:'tt0627m_';}
.cpof span{font-size:1.375em; color:#fff;font-weight:bold; display:block; margin-top:-5px;}
.cpul {width:50%; margin:0 auto; border:1px solid #ddd; padding:30px 5% 30px; border-radius:5px; transition:all 0.5s; cursor:pointer}
.cpul:hover{ background:rgba(255,255,255,0.1)}
.cpul li{ width:100%;}
.cpul li p{ color:#fff; line-height:2em; font-size:1.125em;}
.cpul li p b{ font-size:1.375em;}
.gs1{ display:none}
@media screen and (min-width:1680px){
	.cpul{ width:35%;}
}
@media screen and (max-width:768px){
.kk3{ padding:40px 0 0; margin-top:0;}
.kk3 .fr{ display:none}
.cpof{  display:none}
.sll{ height:auto; background-size:cover; padding:50px 0;}
.cpul {width:100%; margin:0 auto; padding-top:30px; }
.cpul li{ width:100%;margin-bottom:20px; float:none}
.gs1{ display:block; margin:1rem auto; width:100%}
.gs1 h4{ font-size:1.5em; color:#6b4e46; font-weight:bold;}
.gs1 hr{ width:100px; height:3px; border:none; background:#6b4e46; margin:1rem 0;}
.gs1 p{ font-size:1rem; line-height:1.5em; text-align:justify}
.gs1 img{ max-width:100%; margin:1rem 0;}
}
/*品牌文化*/
.ppwh{ padding:60px 0 80px;}
.pwtt{ text-align:center;}
.pwtt .w1{ width:80px;}
.pwtt h4{ font-size:2em; font-weight:bold; color:#6b4e46; margin:10px 0;}
.pwtt p{ font-size:1.5em;font-family:'AVGARDN'; color:#6b4e46}
.pwtt span{ display:block; font-size:1.5em; color:#6b4e46; margin:0.5em 0;}
.pwtt em{ font-size:1em; color:#333; margin:0.875em 0; display:block;}
.wh-uu{ margin-top:2em}
.wh-uu li{ float:left; width:23%; margin-right:2.5%}
.wh-uu li div{ width:100%; overflow:hidden; cursor:pointer}
.wh-uu li div img{ width:100%; transition:all 0.8s; transform:scale(1);}
.wh-uu li:hover div img{ transform:scale(1.05);}
.wh-uu li:nth-child(4){ margin-right:0;}
.wh-uu li img{ width:100%}
.wh-uu li h4{ margin-top:32px; font-size:1.375em; color:#6e4b40; font-weight:bold;}
.wh-uu li p{ font-size:1.125em; color:#6e4b40; font-weight:bold;}
.wh-uu li hr{ margin:32px 0; width:100%; background:#6e4b40; border:none; height:3px;}
.wh-uu li span{ font-size:1em; line-height:1.875em;}
@media screen and (max-width:768px){
.ppwh{ padding:60px 0 80px; width:100%; max-width:760px; overflow-x:hidden}
.pwtt em{ font-size:1rem; text-align:justify}
.wh-uu li{ float:left; width:46%; margin:0 2% !important; min-height:660px;}
.wh-uu li span{ display:none}
}
.ren{ width:100%; margin-bottom:60px}
.ren img{ width:100%}

/*品牌宗旨*/
.ppzz{ padding:80px 0 60px;}
.ppzz .zzul{ margin-top:32px;}
.ppzz .zzul li{ width:31.73%; float:left; margin-right:2.4%; box-shadow: 0 0 3px 3px rgba(0,0,0,0.05);}
.ppzz .zzul li:nth-child(3){ margin-right:0}
.ppzz .zzul li div{ width:100%;}
.ppzz .zzul li div img{ width:100%;}
.ppzz .zzul li .yi1{ border:1px solid #eee; background:#fff; width:100%; box-sizing:border-box; padding:0 4%; max-height:260px; height:260px; overflow:hidden;}
.ppzz .zzul li .yi1 h4{ font-size:1.5em; color:#6b4e46; font-weight:bold; margin-top:32px; margin-bottom:16px}
.ppzz .zzul li .yi1 p{ font-size:1em; line-height:1.875em;}
@media screen and (max-width:768px){
.ppzz{ padding:60px 0 60px;width:100%; max-width:760px; overflow-x:hidden}
.ppzz .zzul li{ width:100%; margin-bottom:50px; float:none; margin-right:0}
.ppzz .zzul li .yi1{ width:100%; max-height:400px; margin-right:0; margin-bottom:10px; height:auto;}
}

/*优势*/
.ad1{ text-align:center; width:100%; background:#6b544d; padding:16px 0; margin-top:-105px }
.ad-1{ padding:32px 0 12px; box-sizing:border-box; border-left:4px solid #6b544d; border-right:4px solid #6b544d; background:url(../images/rdbg.jpg) center bottom no-repeat; margin-bottom:20px;}
.ad-tt{ text-align:center;}
.ad-tt h4{ font-size:2em; color:#6b4e46; }
.ad-tt span{ font-size:1.5em; color:#6b4e46; font-family:'AVGARDN'; display:block;}
.ad-tt p{ font-size:1.125em; color:#6b4e46; margin:0px 0 20px}
@media screen and (max-width:768px){
.ad1 img{ width:90%}
.ad-1{ padding:60px 0 60px; overflow-x:hidden; width:100%; max-width:760px}
.ad-tt span{ font-size:2em; color:#6b4e46; font-family:'AVGARDN';}
.ad-tt h4{ font-size:2em; color:#6b4e46; font-weight:bold; margin:0.5rem 0;}
.ad-tt b{ margin:10px 0; display:block;color:#6b4e46;}
}

.ad-ul{ margin-top:28px;}
.ad-ul li{ width:25%;  float:left; cursor:pointer; position:relative; overflow:hidden; box-sizing:border-box; padding:0 5%; background:url(../images/xxx.jpg) right 50px no-repeat; min-height:312px;}
.ad-ul li:nth-child(4){ margin-right:0; background:none}
.ad-ul li .dv1{  width:100%; height:100%;  transition:all 0.8s;}
.ad-ul li h4{ font-size:1.5em; color:#6b4e46; margin:0 0 17px}
.ad-ul li h4 i{ display:inline-block; width:3px; height:3px; background:#6b4e46; margin-bottom:6px;}
.ad-ul li p{ color:#6b4e46;  font-size:0.875em; margin-bottom:18px}

.ad-ul li:hover .dv1{ transition:all 0.8s}
@media screen and (min-width:1680px){
.ad1{  padding:32px 0;}
.ad-tt p{ margin:10px 0 20px;}
.ad-1{ padding:32px 0 32px; }
.ad-ul{ margin-top:54px;}
.ad-ul li{ min-height:390px;}
.ad-ul li h4{ font-size:1.875em; color:#6b4e46; margin:0 0 17px}
.ad-ul li p{  font-size:1.125em; margin-bottom:18px;}
}

@media screen and (max-width:768px){
.ad-ul li{ width:48%; margin-right:4%; float:left; cursor:pointer; margin-bottom:10px;}
.ad-ul li:nth-child(2){ margin-right:0;}
.ad-ul li .dv1{ padding:106% 5% 0;}
}
/*核心技术*/
.abg{ width:100%;}
.abg1{ display:none; width:100%}
.he-six{ padding:25px 0 0; margin-bottom:60px;}
.hstt{ text-align:center; margin-bottom:10px}

.hstt h4{ font-size:2em;  color:#6b4e46; margin-top:10px;}
.hstt p{ font-size:1.5em;font-family:'AVGARDN'; color:#6b4e46}
.hstt span{ display:block; font-size:1.5em; color:#6b4e46; margin:0.5em 0;}
.hstt em{ font-size:1em; color:#333; margin:1.5em 0; display:block;}
@media screen and (min-width:1680px){
.hstt{ text-align:center; margin-bottom:30px}
}
@media screen and (max-width:768px){
.abg{ display:none}
.abg1{ display:block; margin-bottom:50px}
.he-six{ max-width:760px; overflow:hidden; padding:30px 0;}
.hstt h4{ font-size:1.5em; }
.hx6 li{width:100%; float:left; margin-right:0 !important; cursor:pointer; max-height:700px}
.hx6 li .himg{  max-height:384px;}
.hx6 li .hcon{ height:150px;}
}
/*荣誉资质*/
.horbg{ height:auto;padding:0 0 30px; position:relative; }
.horbg .kk1{ width:90%;  max-width:1600px; top:80px}
.hrtt{ text-align:center;}
.hrtt p{ font-size:1.5em; font-family:'AVGARDN'; color:#6b4e46}
.hrtt h4{ font-size:2em; color:#6b4e46}
.hrl{ width:73%; margin:78px auto 0}
.hrl li{ float:left;}
.hrl li:nth-child(2){ margin:0 100px}
@media screen and (min-width:1700px){
.horbg .kk1{ left:8.5%; top:150px} 
.hrl li:nth-child(2){ margin:0 215px}
}
@media screen and (max-width:1366px){
.hrl li:nth-child(2){ margin:0 56px}
}
@media screen and (max-width:768px){
.horbg{ background:#fff; height:1000px; }

}
/*门店展示*/
.mend{ padding:20px 0 30px;}
.mtt{ width:280px; height:50px; background:#6e4b40; margin:0 auto 50px; text-align:center; color:#fff; line-height:50px; font-size:1.5em;  border-radius:30px;}
@media screen and (max-width:768px){
.mend{ overflow:hidden; max-width:760px;}
}
.fullSlide1{width:100%;position:relative;height:600px;background:#000;}
.fullSlide1 .bd1{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide1 .bd1 ul{width:100% !important; }
.fullSlide1 .bd1 li{width:100% !important;height:600px;overflow:hidden;text-align:center; }
.fullSlide1 .bd1 li a{display:block;height:600px;}
.fullSlide1 .hd1{width:100%;position:absolute;z-index:1;bottom:20px;right:10%;height:30px;line-height:30px;}
.fullSlide1 .hd1 ul{text-align:right;}
.fullSlide1 .hd1 ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:21px;height:21px;margin:3px;overflow:hidden;background:#fff;filter:alpha(opacity=100);opacity:1;line-height:999px; border-radius:21px;border:1px solid #fff;}
.fullSlide1 .hd1 ul li.on{ border:1px solid #b39b77; background:#b39b77}
@media screen and (min-width:1680px){
.mend{ padding:40px 0 50px;}
.mtt{margin:0 auto 70px;}
.fullSlide1{height:850px;}
.fullSlide1 .bd1 li{height:850px;}
.fullSlide1 .bd1 li a{display:block;height:850px;}
}
@media screen and (max-width:768px){
}


/*产品页面*/
.kk4{ height:auto; position:relative; z-index:11; padding:12px 0 12px; margin-top:-100px; height:68px;}
.pt{ width:auto; position:absolute}
.pt img{ height:55px; margin-top:6px;}
.pk{ background:url(../images/kk.png) center no-repeat; height:55px; width:232px; text-align:center; position:absolute; right:0}
.pk span{ font-size:1.625em; color:#332C2B}
.pk p{ font-size:1em; color:#332C2B}
@media screen and (min-width:1700px){
.pt{ width:10.92%; }
}
@media screen and (max-width:768px){
.kk4{ display:none}
}
.fullSlide{width:100%;position:relative;height:855px;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important; }
.fullSlide .bd li{width:100% !important;height:855px;overflow:hidden;text-align:center; }
.fullSlide .bd li a{display:block;height:855px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:20px;right:10%;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:right;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:21px;height:21px;margin:3px;overflow:hidden;background:#fff;filter:alpha(opacity=100);opacity:1;line-height:999px; border-radius:21px;border:1px solid #fff;}
.fullSlide .hd ul li.on{ border:1px solid #b39b77; background:#b39b77}
@media screen and (max-width:768px){
.fullSlide{ display:none}
}
.psort{ background:#262626; height:auto; padding:12px 0 12px;}
/*.psortname{ width:80%; padding-top:10px;}
.psortname li{ float:left; padding:0 8px; border-left:1px solid #fefefe; text-align:center;}
.psortname li:last-child{ border-right:1px solid #fefefe}
.psortname li p{ font-size:1em; color:#fefefe; transition:all 0.5s}
.psortname li span{ font-size:0.875em; color:#fefefe;font-family:'AVGARDN';transition:all 0.5s}
.psortname li:hover p,.psortname li.cur p{ color:#B39B77}
.psortname li:hover span,.psortname li.cur span{ color:#B39B77}*/
.psortname{ width:19.6%}
.psortname img{ width:100%}
.pslogo{ text-align:right; margin-top:6px;}
.pslogo img{ height:55px;}
@media screen and (min-width:1700px){.pslogo{ width:10.77%; margin-top:16px}}
@media screen and (max-width:768px){
.psort{ padding:10px 0 0; height:85px; margin-top:0;}
.psortname{ width:40%;}
/*.psortname ul{ width:145%;}
.psortname li{ float:left; margin-bottom:20px;}*/
.pslogo{ display:none}
}

.pmain{ padding:62px 0;}
.prott{ text-align:center;}
.prott h4{ font-size:2em; color:#6b544d; font-weight:bold;margin-bottom:10px;}
.prott p{ font-size:1.5em; color:#6b544d;font-family:'AVGARDN'; line-height:1.5em; margin-bottom:10px;}
.prott span{ font-size:24px; color:#6b544d; display:block; margin-bottom:16px;}
@media screen and (max-width:768px){
.prott p{ display:none}
}
.ppul{ width:100%; margin:40px 0;}
.ppul li{ width:31.33%; float:left; margin-right:3%; margin-bottom:1.5em;}
.ppul li div{ width:100%; overflow:hidden; max-height:220px}
.ppul li div img{ width:100%; transform:scale(1); transition:all 0.8s}
.ppul li:hover div img{ width:100%; transform:scale(1.05);}
.ppul li p{ text-align:center; font-size:1em; line-height:1.5em; padding:12px 0; border:1px solid #595655; box-sizing:border-box;} 
@media screen and (min-width:1700px){
.ppul li{  margin-bottom:2em;}
.ppul li div{ width:100%; max-height:320px; overflow:hidden;}
}
@media screen and (max-width:768px){
.ppul li{ width:48%; margin:0 1% !important;}
}

/*产品展示*/
.zong{ background:#b39b77; height:auto; padding:20px 0 20px; margin-top:-100px;position: relative;z-index: 1;}
.zong p{ font-size:2rem; color:#474443;}
.zong a{ width:211px; height:38px; display:block; background:#262626; border-radius:30px; text-align:center; line-height:38px; font-size:24px; color:#fff;}
.pin{ text-align:center; background:#020202; top:-100px; position:relative; padding:100px 0 70px;}
.pin img{ width:600px; max-width:100%; box-shadow:0px 0px 5px 5px rgba(67,67,67,0.3)}
@media screen and (max-width:768px){
.pin{ top:0;padding:50px 0 50px;}
.zong{ margin-top:0; padding:16px 0;}
.zong p{ font-size:1.5rem; color:#474443;}
.pin img{ width:500px;}
}
.pny{ padding:150px 0 100px;}
.chi{ width:100%;}
.chi img{ width:auto}
.pjj{ padding:50px 0;}
.pjj .l1{ width:40%; float:left; color:#474443; line-height:1.5em;}
.pjj .l2{ width:50%; float:right; color:#474443; line-height:1.5em; border-left:1px solid #474443; padding-left:5%}
.pjj .l2 h4{ font-weight:bold; margin-bottom:1.5em; font-size:1.5em;}
@media screen and (max-width:768px){
.pny{ padding:80px 0 80px;}
.pjj .l1{ width:100%; float:none}
.pjj .l1 p{ font-size:1.125em;}
.pjj .l2{ font-size:1.125em; width:100%; margin-top:30px; float:none; padding:0; border:none}
.pjj .l2 strong{ font-size:1.375rem}
.zong a{ height:45px; line-height:45px;}
.chi img{ max-width:100%}
}
.xgcp{ margin-top:30px;}
.xgcp h4{ font-size:36px; color:#474443; }
.xgcp ul{ margin-top:30px;}
.xgcp li{width:31.33%; float:left; margin-right:3%; margin-bottom:2em;}
.xgcp li:nth-child(3){ margin-right:0;}
.xgcp li div{ width:100%; overflow:hidden;}
.xgcp li div img{ width:100%; transform:scale(1); transition:all 0.5s}
.xgcp li:hover div img{ width:100%; transform:scale(1.05);}
.xgcp li p{ text-align:center; font-size:1em; line-height:1.5em; margin:1em 0;} 
@media screen and (max-width:768px){
.xgcp li{ width:48%; margin:0 1% !important;}
}


/*product-main*/
.prul{ margin:40px 0 0; width:100%;}
.prul li{ width:31.33%; float:left; margin-right:3%; margin-bottom:3em; box-sizing:border-box; border:1px solid #332b2b; transition:all 0.6s;}
.prul li a{ display:block;}
.prul li:nth-child(3){ margin-right:0;}
.prul li:nth-child(6){ margin-right:0;}
.prul li .primg{ width:100%; overflow:hidden; position:relative;}
.prul li .primg div{ text-align:center; position:absolute; width:100%; height:100%; background:rgba(179,155,119,0.9); top:100%; opacity:0; transition:all 0.6s;}
.prul li:hover{ box-shadow:2px 2px 5px 2px rgba(51,44,39,0.2);}
.prul li:hover .primg div{ top:0; opacity:1;}
.prul li .primg div img{ margin-top:28%; width:41%;}
.prul li .primg img{ max-width:100%;}
.prul li .prname{ text-align:center; padding:24px 0;}
.prul li .prname p{ color:#332c2b; font-size:1.125rem; line-height:1.5em;}
.prul li .prname span{ color:#3b3332; font-size:1rem;}
@media screen and (max-width:768px){
.prul li{ width:48%; margin:0 1% 3em !important;}
}

/*案例*/
.scrollbox{ width: 100%; margin: 35px auto 0; overflow: hidden;  }
#scrollDiv{width:100%;height:540px; overflow:hidden;}
#scrollDiv li{height:540px; width:100%; overflow:hidden; vertical-align:bottom; zoom:1; }

#scrollDiv li .case1{  margin-bottom:21px; height:152px; overflow:hidden; background:#eee}
#scrollDiv li .case1 .capic{ width:30%;}
#scrollDiv li .case1 .capic img{ width:100%;}
#scrollDiv li .case1 .cacon{ width:70%; box-sizing:border-box; padding:10px 24px;}
#scrollDiv li .case1 .cacon p{ font-size:1.125rem; color:#362f2e; margin-bottom:8px;}
#scrollDiv li .case1 .cacon span{ font-size:0.875rem; line-height:1.5em;}


#scrollDiv li .case2{  margin-bottom:20px; height:160px; overflow:hidden; background:#eee}
#scrollDiv li .case2 .capic{ width:18.3%;}
#scrollDiv li .case2 .capic img{ width:100%;}
#scrollDiv li .case2 .cacon{ width:80%; box-sizing:border-box; padding:24px 24px;}
#scrollDiv li .case2 .cacon p{ font-size:1.125rem; color:#362f2e; margin-bottom:8px;}
#scrollDiv li .case2 .cacon span{ font-size:0.875rem; line-height:1.5em;}

#scrollDiv li .case3{margin-bottom:22px; height:156px; overflow:hidden; background:#eee}
#scrollDiv li .case3 .capic{ width:18.3%;}
#scrollDiv li .case3 .capic img{ width:100%;}
#scrollDiv li .case3 .cacon{ width:81%; box-sizing:border-box; padding:24px 24px;}
#scrollDiv li .case3 .cacon p{ font-size:1.125rem; color:#362f2e; margin-bottom:8px;}
#scrollDiv li .case3 .cacon span{ font-size:0.875rem; line-height:1.5em;}



.scroltit{ height:26px; line-height:26px; margin-top:-6px;}
.scroltit h3{ width:100px; float:left;}
.scroltit .updown{float:right; width:40px; height:40px;}
#but_up{ background:url(../images/downbtn.gif) no-repeat 0 0; text-indent:-9999px}
#but_down{ background:url(../images/upbtn.gif) no-repeat 0 0; text-indent:-9999px}
@media screen and (min-width:1700px){
#scrollDiv{width:100%;height:640px;}
#scrollDiv li{height:640px; }
#scrollDiv li .case1{  height:182px; margin-bottom:34px; }
#scrollDiv li .case2{  height:196px; }
#scrollDiv li .case2 .cacon{ width:80%; box-sizing:border-box; padding:30px 32px;}
#scrollDiv li .case3{   height:195px; }
}
#scrollDiv1{ display:none;}
.scroltit1{ display:none;height:26px; line-height:26px; margin-top:-28px;}
.scroltit1 h3{ width:100px; float:left;}
.scroltit1 .updown{float:left; width:40px; height:40px;}

@media screen and (max-width:768px){
#scrollDiv1{width:100%;height:800px; overflow:hidden; display:block; margin:30px 0;}
#scrollDiv1 li{height:800px; width:100%; overflow:hidden; vertical-align:bottom; zoom:1; border:1px solid #ddd; box-sizing:border-box; margin-bottom:20px;}
#scrollDiv1 li .cas1{ width:100%; overflow:hidden;}
#scrollDiv1 li .cas1 img{ max-width:100%;}
#scrollDiv1 li .can1{ width:100%; box-sizing:border-box; padding:3% 5%;}
#scrollDiv1 li .can1 p{ font-size:1.375rem; color:#6b4e46; margin-bottom:24px;}
#scrollDiv1 li .can1 span{ line-height:1.5em; font-size:1rem;}
.scroltit1{ display:block}

}

.proshow{padding: 50px 0 150px;position: relative;max-width: 1400px;margin: 0 auto;width: 95%;position: relative;}
.proshow::after{content: "";position: absolute;background: rgba(0,0,0,.8);width: 100vw;height: 100px;top: -100px;left: 50%;transform: translate(-50%,0);}
.proshow img{max-width: 100%;}

.proshow .swiper{overflow: inherit;}
.proshow .swiper .swiper-slide{border-radius: 10px;overflow: hidden;}
.proshow .swiper-button-next:after,.proshow .swiper-button-prev:after{color: #b39b77;}
.mobile-inner-nav>li .xs{opacity: 0;position: absolute;left: 0;width: 100%;top: 100%;background: #fff;transition: .5s;visibility: hidden;}
.mobile-inner-nav>li:hover .xs{opacity: 1;visibility: visible;}
.mobile-inner-nav>li .xs a{display: block;float: none;color: #000;text-shadow: none;font-size: 0.875rem;padding: 15px 0;}
.mobile-inner-nav>li .xs li{float: none;border-bottom: 1px solid #ddd;transition: .5s;}
.mobile-inner-nav>li .xs li:hover{background: #dcc49e;}
.proshow_xq{display: flex;justify-content: space-between;align-items: flex-start;}
.proshow_img{flex: 1;}
.proshow_img img{max-width: 100%;}
.proshow_xcw{flex: 0 0 400px;position: sticky;top: 50px;background: #f5f5f5;margin-left: 20px;box-sizing: border-box;padding: 10px 30px 30px;}
.proshow_xcw>h2{height: 65px;line-height: 65px;color: #ba893d;font-size: 1.25rem;font-weight: bold;}
.proshow_xcw ul li{display: flex;align-items: center;height: 45px;border-bottom: 1px solid #ddd;}
.proshow_xcw ul li p{width: 50%;}
@media screen and (max-width:1024px) {
	.proshow_xq{flex-direction: column;}
	.proshow_img{order: 2;}
	.proshow_xcw{order: 1;margin-left: 0;width: 100%;position: static;flex: inherit;margin-bottom: 50px;}
	.mobile-inner-nav>li .xs{display: none!important;}
}
@media screen and (max-width:770px) {
	.proshow{padding-bottom: 50px;}
}