/*common*/
*{box-sizing:border-box;margin:0;padding:0;font-size:inherit;font-family:'微软雅黑', 'arial', '黑体', '宋体';line-height:normal;color:inherit;outline:none;text-decoration:none;z-index:1;font-style:normal;}
html,body{margin:0;padding:0;}
html{position:relative;}
body{font-size:14px;color:#333;}
h1, h2, h3, h4, h5, h6, p{font-weight:normal;}
a:visited{color:inherit;}
ul, li, ol{list-style:none;}
li{vertical-align:top;}
input[type='checkbox']{-webkit-appearance:checkbox;}
input[type='radio']{-webkit-appearance:radio;}

.fl{float:left;}
.fr{float:right;}
.clear{display:block;clear:both;}
.clearfix:after,.clearfix:before{content:"";clear:both;display:block;visibility:hidden;height:0;width:100%;}

.wrap{width:83%;margin:0 auto;height:100%;position:relative;display:block;clear:both;max-width:1300px;}
@media screen and (max-width:1200px){.wrap{width:90%}}
@media screen and (max-width:1024px){.wrap{width:94%;}}

fieldset, input, button, textarea{border:0;-webkit-appearance:none;}
table{border-collapse:collapse;border-spacing:0;}

::-webkit-scrollbar{ display:block; width:8px; background:#ddd;}
::-webkit-scrollbar-thumb{display:block; width:100%; height:50px; background:#999;border-radius:4px;}
::-webkit-scrollbar-thumb:hover{background:#333;}
/*-------------------------------------------------------------*/
/*头部*/
#header{width:100%;background:#fff;position:relative;z-index:90;height:115px;}
#header .left{width:34.5%;float:left;background:#967f63;display:flex;align-items:center;justify-content:center;padding:20px 0;}
#header .left img{display:block;max-height:100%;max-width:100%;width:auto;}
#header .right{width:65.5%;float:right;}
#header .left, #header .right{height:100%;position:relative;}
#header .tel{width:100%;height:85px;overflow:hidden;background:#5d5959;position:relative;letter-spacing:2px;display:flex;justify-content:space-between;}
#header .tel dd{height:100%;margin-left:5%;color:#ffe2a9;font-size:15px;}
#header .tel dd:first-child{margin-left:9%;}
#header .tel dd span{display:inline-flex;align-items:center;height:100%;margin-right:30px;}
#header .tel dd em{background:url(../images/head_tel.png) no-repeat left top 28px;text-indent:48px;display:inline-flex;align-items:center;height:100%;letter-spacing:2px;}
#header .tel dt{padding:0 20px;height:100%;color:#fff;font-size:16px;background:#967f63;margin-left:9%;}
#header .tel dt a{display:flex;align-items:center;justify-content:center;height:100%;background:url(../images/head_mall.png) no-repeat left center;text-indent:40px;}
#header .nav{padding:0 9%;display:flex;justify-content:space-between;height:100%;}
#header .nav li{color:#666;font-size:16px;width:calc(100% / 8);height:100%;position:relative;}
#header .nav li a{display:flex;align-items:center;justify-content:center;height:100%;position:relative;}
#header .nav li a:after{content:"";position:absolute;bottom:0;width:0;left:50%;transform:translateX(-50%);height:3px;background:#977f63;transition:all 0.3s;-webkit-transition:all 0.3s;}
#header .nav li a.on,#header .nav li:hover a{color:#6f5637;}
#header .nav li a.on:after,#header .nav li:hover a:after{width:100%;}
#waphead, #header .right .meau,#header .left img.waplogo{display:none;}
@media screen and (max-width:1024px){
	#header .left img.pclogo{display:none;}
	#header .left img.waplogo{display:block;}
	body:after{content:'';width:100%;height:50px;display:block;clear:both;position:relative;}
	body:before{content:'';width:100%;height:50px;display:block;clear:both;position:relative;}
	#header{background:#967f63;position:fixed;height:50px;top:0;left:0;}
	#header .left{width:100%;float:none;background:#967f63;justify-content:flex-start;padding:5px 50px 5px 20px;}
	#header .right{width:50px;float:none;position:absolute;right:0;top:0;height:50px;display:flex;align-items:center;justify-content:center;}
	#header .tel, #header .nav{display:none;}
	#header .right .meau{width:30px;height:20px;display:flex;align-items:center;justify-content:space-between;flex-direction:column;}
	#header .right .meau i{width:100%;height:2px;background:#fff;}
	#waphead{display:block;position:fixed;width:100%;height:100%;background:#bca176;z-index:99999;top:50px;right:0;transform:translateX(-100%);transition:all .5s ease;}
	#waphead.on{transform:translateX(0);}
	#waphead .nav{width:100%;height:100%;overflow:scroll;color:#fff;}
	#waphead .nav .item{position:relative;width:100%;}
	#waphead .nav .item .a1{font-size:16px;height:50px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
	#waphead .nav .item .down{display:block;width:50px;height:50px;position:absolute;right:0;top:0;background:url(../images/waphico.png) no-repeat center/10px;opacity:.5;z-index:10;transition:all .5s ease;}
	#waphead .nav:after{content:'';clear:both;width:100%;height:50px;display:block;}
	#waphead .nav .item .down.on{transform:rotate(90deg);}
	#waphead .box{display:none;background:rgba(0,0,0,.1);position:relative;}
	#waphead .box a{font-size:16px;height:50px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-top:1px solid rgba(255,255,255,.2);margin:0 3%;}
	#waphead .box a:first-child{border-top:none;}
}
/*-------------------------------------------------------------*/
/*右侧悬浮*/
#frbox{position:fixed;z-index:99;right:0;top:50%;transform:translateY(-50%);}
#frbox .box{position:relative;cursor:pointer;color:#f1ddba;}
#frbox .box .img{width:80px;height:80px;background:#5d5959;z-index:5;overflow:hidden;display:block;padding:10px 0;position:relative;}
#frbox .box .img img{display:block;width:40px;margin:0 auto;height:auto;}
#frbox .box .img span{display:block;line-height:20px;height:20px;overflow:hidden;font-size:12px;text-align:center;}
#frbox .box .txt{position:absolute;left:0;top:0;background:#5d5959;z-index:2;transform:translateX(100%);transition:transform .5s cubic-bezier(0.4, 0, 1, 1);}
#frbox .box .txt span{display:block;width:100%;height:100%;}
#frbox .box .txt img{display:block;width:100%;}
#frbox .box .txt1{width:160px;height:80px;font-family:'arial';font-size:18px;letter-spacing:1px;color:#f1ddba;display:flex;align-items:center;justify-content:center;}
#frbox .box .txt2{width:160px;height:160px;padding:10px;}
#frbox .box .txt1:hover,
#frbox .box .txt2:hover{color:#fff;background:#967f63;}
#frbox .box:hover{color:#fff;}
#frbox .box:hover .img{background:#967f63;}
#frbox .box:hover .img img{filter:brightness(2);}
#frbox .box:hover .txt{transform:translateX(-100%);}
#frbox #gtop{width:80px;height:80px;background:#5d5959;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;}
#frbox #gtop span{font-size:20px;font-family:'arial';}
#frbox #gtop i{font-size:12px;}
#frbox #gtop:hover{background:#967f63;color:#fff;}
@media screen and (max-width:1024px){#frbox{display:none;}}
/*-------------------------------------------------------------*/
/*底部*/
#footer{width:100%;padding:4% 0;position:relative;overflow:hidden;background:#191919;color:#fff;}
#footer .left{float:left;width:440px;position:relative;}
#footer .right{float:right;width:calc(100% - 440px);padding-left:6%;position:relative;}
#footer .logo{display:block;width:100%;position:relative;overflow:hidden;}
#footer .logo img{display:block;max-width:50%;width:auto;height:auto;}
#footer .search{margin:50px 0;background:#fff;overflow:hidden;position:relative;}
#footer .search input,
#footer .search button{height:55px;display:block;}
#footer .search input{width:calc(100% - 55px);float:left;line-height:25px;padding:15px 0 15px 20px;color:#333;}
#footer .search button{width:55px;float:right;background:url(../images/search.png) no-repeat center ;cursor:pointer;transition:.3s ease;}
#footer .search button:hover{filter:drop-shadow(5px 2px 3px black);transform:translateX(-3px);}
#footer dl{display:block;position:relative;}
#footer dl dt{font-size:20px;margin-bottom:10px;}
#footer dl dd{font-size:15px;color:#999;line-height:1.5em;}
#footer ul{display:block;font-size:0;position:relative;width:calc(100% - 150px);float:left;}
#footer ul li{display:inline-block;font-size:14px;width:calc(100% / 3);}
#footer ul li .a1{display:flex;width:100%;height:70px;align-items:center;justify-content:center;font-size:17px;}
#footer ul li .a2{display:block;text-align:center;margin-top:10px;color:#999;}
#footer ul li .a2:hover{color:#fff;}
#footer .ewewm{overflow:hidden;width:150px;display:block;text-align:center;float:right;color:#999;position:relative;padding-top:25px;}
#footer .ewewm img{display:block;width:100%;margin-bottom:10px;}

.copyright{padding:20px 0;background:#000;color:#999;display:flex;justify-content:space-between;position:relative;overflow:hidden;}
.copyright p{line-height:2em;}
.copyright a:hover{color:#fff;}
.copyright .p2 a{margin-left:0 2px;}

/*首页底部*/
.index-foot .copyright{padding:20px 0 0;}
.index-foot .ggf{background:#000;color:#999;padding:5px 0;display:block;position:relative;}
.index-foot .ggf:hover{color:#fff;}
.bdss{display:block;line-height:2em;}
.bdss a{margin:0 3px;}

/*手机端*/
#wapfoot,.callbox{display:none;}
@media screen and (max-width:1024px){
	.bdss, #footer ul{display:none;}
	#wapfoot{width:100%;display:block;background:#bca176;position:fixed;z-index:90;bottom:0;left:0;}
	#wapfoot .box{position:relative;width:25%;float:left;display:flex;align-items:center;justify-content:center;color:#fff;margin:10px 0;flex-direction:column;}
	#wapfoot .box i{display:block;width:100%;margin-bottom:5px;filter:brightness(2);}
	#wapfoot .box i img{display:block;margin:0 auto;max-width:30px;}
	
	.callbox{width:100%;display:block;background:#bca176;position:fixed;z-index:90;bottom:0;left:0;height:50px;}
	.callbox a{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:17px;}
	.callbox img{display:block;max-width:20px;}
	
	#footer{padding:3% 0;}
	#footer .left{float:none;width:100%;}
	#footer .right{float:none;width:100%;padding-left:0;}
	#footer .search{margin:20px 0;}
	#footer .search input, #footer .search button{height:40px;}
	#footer .search input{line-height:20px;padding:10px 0 10px 10px;}
	#footer .search button{width:40px;background-size:20px;}
	#footer dl dt{font-size:16px;}
	#footer dl dd{font-size:14px;}
	#footer .ewewm {width:120px;display:inline-block;float:none;padding-top:10px;font-size:0;}
	#footer .ewewm img {margin-bottom:0;}
	
	.copyright,
	.index-foot .copyright{padding:3% 0;}
	.index-foot .ggf{display:none;}
}
/*-------------------------------------------------------------*/