.banner{ width: 100%; height: auto; overflow: hidden; margin: 0; padding: 0;}

	.focus{ width:100%; height:auto;  margin:0 auto; position:relative; overflow:hidden;   }
	.focus .hd{ width:100%; height:1rem;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
	.focus .hd ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
	}
	.focus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
	.focus .hd ul .on{ background:#FE6C9C;  }

	.focus .bd{ position:relative; z-index:0; }
	.focus .bd li img{ width:100%;   background:url(404.png) center center no-repeat; display: block;  }
	.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);   }
	



.about,.product,.can{width: 100%;margin: auto;overflow: hidden;}
.title{width: 100%;margin: auto;text-align: center;}
.title h1{font-family: ArialGotham, Helvetica Neue, Helvetica, Arial," sans-serif";color: #f8ddc5;font-size: 54px;}
.title h3{color: #8d6023;font-size: 24px;position: relative;top:-46px;}
.biao{width: 86%;height:40px;border-left:40px #d99c59 solid;margin: auto;padding: 20px 0;}
.biao h3{color: #8d6023;font-size: 14px;position: relative;right: 20px;}
.biao h4{color: #0f131d6;font-size: 16px;}
.pei{width: 96%;height: 240px; margin: auto;display: flex;flex-direction: row;justify-content: space-around;align-items: center;margin-top: 20px;}
.pei .li1{width: 60%;height: 100%;}
.pei .li1 img{width: 100%;height: 100%;display: block;}
.pei .li2{width: 40%;height: 100%;background: #8d6023;color: #fff;position: relative;}
.pei .li2 p{font-size: 12px;line-height: 24px;}
.about .zw{width: 96%;margin: auto;font-size: 14px;line-height: 26px;color: #0f131d;margin-top: 20px;margin-bottom: 20px;text-indent: 2rem;}
.product ul{width: 96%;margin: auto;}
.product ul li {width:44%;margin: 1%;float: left;padding: 2%;border-radius: 6px;
  box-shadow: 0px 10px 24px 0px rgba(172, 145, 90, 0.25);

}
.product ul li .tu{width: 100%;height:160px; }
.product ul li .tu img{width: 100%;height: 100%;display: block;margin: auto;}
.product ul li  .zi{width: 100%;margin-top: 10px;position: relative;height: 110px;}
.product ul li  .zi h4{width: 100%; font-size: 14px;   overflow:hidden;
        text-overflow:ellipsis; 
     
        white-space: nowrap;}
.product ul li  .zi p{width: 100%; font-size: 12px;color: #999;margin-top: 10px;margin-bottom: 10px;      text-overflow:ellipsis; 
  
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;}
.product ul li  .zi a{width: 80px;height: 26px;background: #d99c59;color: #fff;line-height: 26px;display: block;text-align: center;border-radius: 26px;position: absolute;right: 0px;font-size: 12px;}
 .more a{width: 100%;margin: auto;display: flex;flex-direction: row;justify-content: center;align-items: center;margin-top: 20px;color: #999;font-size: 16px;}
 .more img{display: inline-block;vertical-align: middle;margin-left: 10px;}
.can ul{width: 96%;margin: auto;}
.can li a,.can dl a{width:48%;height: 120px; margin: 1%;float: left;
  box-shadow: 0px 5px 15px 0px rgba(172, 145, 90, 0.25);display: block;position: relative;}
.can li a img,.can dl dt,.can dl dt img{width: 100%;height: 100%;display: block;}
.can li a p,.can dl dd{width: 80%;margin: auto;background: rgba(0,0,0,0.5);height: 30px;color: #fff;position: absolute;top:20px;left: 50%;margin-left: -40%; line-height: 30px;text-align: center;font-size: 14px;}

.title1{width: 100%;margin: auto;margin-bottom: 40px;}
.title1 ul{width: 100%;margin: auto; height: 60px;background: #fff;

  box-shadow: 0px 5px 12px 0px rgba(172, 145, 90, 0.2);
	display: flex;
	flex-direction: row;justify-content: center;align-items: center;

}
.title1 ul li a{font-size: 16px;margin: 0 10px;color: #0f131d;padding-bottom: 10px;}
.title1 ul li .cur{border-bottom: #d99c59 4px solid;color: #d99c59;}
.wenhua{width: 100%;margin: auto;}
.wenhua ul li{width: 96%;margin: auto;display: flex;flex-direction: row;justify-content: flex-start;margin-bottom: 20px;}
.wenhua ul li .zuo{width: 20%;margin-right: 2%;}
.wenhua ul li .zuo .bg{width:72px;height: 72px;background: #8d6023;border-bottom-right-radius: 20px;text-align: center;line-height: 60px;}
.wenhua ul .cur .zuo .bg{width:72px;height: 72px;background: #d99c59;border-bottom-right-radius: 20px;text-align: center;line-height: 60px;}
.wenhua ul .cur .zuo .bg div{width: 10px;height: 40px;border-left: 2px solid #fff;transform: rotate(45deg);background:  #d99c59;position: relative;left: 45px;top:-33px;}
.wenhua ul li .zuo .bg h3{font-size: 32px;color: #fff;}
.wenhua ul li .zuo .bg div{width: 10px;height: 40px;border-left: 2px solid #fff;transform: rotate(45deg);background:  #8d6023;position: relative;left: 45px;top:-33px;}
.wenhua ul li .you h4{font-size: 20px;color: #8d6023;margin-bottom: 10px;font-weight: normal;}
.wenhua ul li .you p{font-size: 14px;line-height: 24px;color: #0f131d;}
.wenhua .tu{width: 100%;margin: auto;position: relative;}
.wenhua .tu img{width: 100%;margin: auto;}
.wenhua .tu p{font-size: 24px;color: #8d6023;position: absolute;right: 70px;top:100px;}
.buju_zw img{width: 80%;margin: auto;}


.re{width: 96%;margin: auto;margin-top: 20px;}
.re ul{width: 100%;margin: auto; display: flex;flex-direction: row;justify-content: flex-start;align-items: center;flex-wrap: wrap;margin-top: 10px;}
.re li{padding: 5px 10px;border: #999 1px solid;border-radius: 4px;margin: 10px;color: #999;}

.shagp_lieb_dak{
    height: auto;
    min-height: 100%;
    overflow: hidden;
	width: 100%;
}

.zuo_lieb{
	float: left;
    min-width: 76px;
    width:20%;
    height: auto;
    overflow-y: auto;
    min-height: 100%;
    text-align: center;  
}

.zuo_lieb input{
	height:2.5rem;
	width: 100%;
	font-size:12px;
	color: #828282;
	background:#f0f0f0;

	cursor: pointer; -webkit-appearance: none;
	border-radius: 0;
}
.zuo_lieb input.no_dq{
	background: #8d6023;

	color: #fff;

}
.xuanxk_kuang{display: none;}

.youb_lieb_xiangq_k{
	float: right;
	width: 78%;
	height: 100%;
	
}

.yi{width: 100%;}
.biaoti{width: 96%;padding: 0 2%; line-height: 48px;border-top:#f0f0f0 1px solid;display: flex;flex-direction: row;justify-content: flex-start;align-items: center;text-align: center;}
.biaoti p{width: 50%;margin: auto;text-align: center;font-size: 20px;color: #d99c59;}

.cont{width: 96%;margin: auto;margin-top: 20px;}
.cont h4{font-size: 20px;margin-bottom: 20px;}
.cont ul li{width: 100%;padding: 15px 0;border-bottom: #f0f0f0 1px solid;display: flex;flex-direction: row;justify-content: flex-start;}
.cont ul li p{font-size: 14px;line-height: 24px;width: 83%;margin: auto;}
.cont ul li span{width: 15%;display: block;margin-right: 2%;}
.dianhua{background: #d99c59;width: 40%;height: 40px;color: #fff;margin: auto;line-height: 40px; text-align: center;margin-top: 20px;}
.fan{width: 96%;margin: auto;margin-top: 20px;}
.fan li a{width: 100%;font-size: 14px;margin: auto;display: block;margin-bottom: 10px;}
.fan li a span{margin-left: 10px;}




.wrapper03 {width: 100%;overflow: hidden;margin:0 auto;
height: 44px;
  box-shadow: 0px 5px 12px 0px rgba(172, 145, 90, 0.2);

}
.wrapper03 .scroller {height: 100%; display: flex;flex-direction: row;justify-content: flex-start;align-items: center;}
.wrapper03 .scroller li {color:#333;float: left;text-align: center;}
.wrapper03 .scroller li a{color:#333;display:block; font-size:14px;margin: 0 15px;padding-bottom: 10px;}
.wrapper03 .scroller li.cur a{
    color: #d99c59;
 
    border-bottom: 2px solid #d99c59;

}
.cai ul{width: 96%;margin: auto;
}
.cai ul li a{width: 98%; margin: auto; background: #fff;border-radius: 10px;
  box-shadow: 0px 4px 9.7px 0.3px rgba(72, 72, 72, 0.21);padding:7% 1%;display: flex;flex-direction: row;justify-content: flex-start;align-items: center;position: relative;margin-bottom: 4%;
}
.cai ul li a .tu{width:80px;height: 80px;border-radius: 100px;

  box-shadow: 0px 0px 12px 0px rgba(172, 145, 90, 0.5);
margin-right: 4%;


 }
.cai ul li a .tu img{width: 100%;height: 100%;display: block;margin: auto;border-radius: 50%;}
.cai ul li a .zi{width: 70%;}

.cai ul li a .zi p{font-size: 14px;color: #999;margin-top: 10px;}
.cai ul li a .bq{width: 20px;height: 31px;background: url(../image/bq.png) no-repeat center;position: absolute;top:0;right: 20px;text-align: center;line-height: 24px;color: #fff;}
.contact ul{width: 96%;margin: auto;}
.contact ul li{width: 100%;margin: auto;display: flex;flex-direction: row;justify-content: space-between;align-items: center;padding: 20px 0;border-bottom: #f0f0f0 1px solid;}
.contact ul li .zuo h4{color: #999;font-size: 16px;}
.contact ul li .zuo p{margin-top: 10px;font-size: 14px;line-height: 26px;}
.contact ul li .you{border-left: #ccc 1px solid;padding-left: 20px;}