/*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;}
@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;}

.img{ position:relative;}
.shuiyin{width:100%;height:100%; position:relative; display: flex;justify-content: center;}
.sy_box{width:auto; height:100%;position:relative; display:flex;align-items: center;justify-content: center;}
.sy_pic{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url(?shuiyin.png) no-repeat center/85%;opacity: .4;}
/*-------------------------------------------------------------*/
/*头部*/
#header{width:100%;background:#fff;position:relative;z-index:90;height:200px}
#header .left{width:34.5%;float:left;background:#967f63;display:flex;align-items:center;justify-content:center;}
#header .right{width:65.5%;float:right;}
#header .left, #header .right{height:100%;position:relative;}
#header .left img{display: block;max-width: 80%;width: auto;}
#header .tel{width:100%;height:85px;overflow:hidden;background:#5d5959;position:relative;padding:0 80px; font-size:0;}
#header .tel dd,
#header .tel dt{height:100%;color:#ffe2a9;font-size:22px;float:left;display: flex;align-items: center; font-weight:bold;}
#header .tel dd{margin-left:20px;}
#header .tel dd em{align-items: center;letter-spacing: 2px;height: 100%;display: flex;margin-left: 15px;}

#header .nav{padding:0 80px;display:flex;justify-content:space-between;height:calc(100% - 85px);}
#header .nav li{color:#666;font-size:16px;height:100%;position:relative;display:flex;}
#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{display:none;}

@media screen and (max-width:1024px){
	body:after{ content:''; width:100%; height:74px; 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;}
	#header .left img{ height:40px;}
	
	#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%;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(?template/html/images/waphico.png) no-repeat center/10px;opacity: .5;z-index: 10;transition: all .5s ease;}
	#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:100%; 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(?template/html/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;}
#footer ul li{display: inline-block;font-size: 14px;width: calc(100% / 7);}
#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;}
#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{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;}
	
	#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: 12px;}
	
	#footer .ewewm{width: 150px;float:  left; font-size:0; padding-top:20px;}
	#footer .ewewm img{margin-bottom:0px;}
	
	.copyright,
	.index-foot .copyright{padding:3% 0;}
	.index-foot .ggf{ display:none;}
}
/*-------------------------------------------------------------*/